CSS 备用字体
常用备用字体
没有 100% 完全网页安全的字体。字体可能找不到或安装不正确。因此,始终使用备用字体非常重要。
这意味着您应该在 font-family 属性中添加一系列类似的“备用字体”。如果第一个字体不起作用,浏览器将尝试下一个,再下一个,依此类推。始终以通用字体系列名称结尾。
以下是按 5 个通用字体系列组织的一些常用备用字体
- 衬线字体
- 无衬线字体
- 等宽字体
- 草书字体
- 奇幻字体
衬线字体
font-family | 示例文本 | 代码 |
---|---|---|
"Times New Roman", Times, serif | 这是一个标题这是一个段落。 |
尝试一下 |
Georgia, serif | 这是一个标题这是一个段落。 |
尝试一下 |
Garamond, serif | 这是一个标题这是一个段落。 |
尝试一下 |
无衬线字体
font-family | 示例文本 | 代码 |
---|---|---|
Arial, Helvetica, sans-serif | 这是一个标题这是一个段落。 |
尝试一下 |
Tahoma, Verdana, sans-serif | 这是一个标题这是一个段落。 |
尝试一下 |
"Trebuchet MS", Helvetica, sans-serif | 这是一个标题这是一个段落。 |
尝试一下 |
Geneva, Verdana, sans-serif | 这是一个标题这是一个段落。 |
尝试一下 |
等宽字体
font-family | 示例文本 | 代码 |
---|---|---|
"Courier New", Courier, monospace | 这是一个标题这是一个段落。 |
尝试一下 |
草书字体
font-family | 示例文本 | 代码 |
---|---|---|
"Brush Script MT", cursive | 这是一个标题这是一个段落。 |
尝试一下 |
奇幻字体
font-family | 示例文本 | 代码 |
---|---|---|
Copperplate, Papyrus, fantasy | 这是一个标题这是一个段落。 |
尝试一下 |
提示:还可以查看所有可用的 Google Fonts 以及如何使用它们。