CSS 后备字体
常用的后备字体
没有任何 100% 完全的网络安全字体。总有可能字体未找到或未正确安装。因此,始终使用后备字体非常重要。
这意味着您应该在 `font-family` 属性中添加一组相似的“备份字体”。如果第一个字体不起作用,浏览器将尝试下一个,然后是下一个,依此类推。始终以通用字体系列名称结尾。
以下是一些常用的后备字体,按 5 种通用字体系列进行组织
- 衬线字体 (Serif)
- 无衬线字体 (Sans-serif)
- 等宽字体 (Monospace)
- 手写字体 (Cursive)
- 奇幻字体 (Fantasy)
衬线字体
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 字体 以及如何使用它们。