CSS 备用字体
常用的备用字体
没有 100% 完全安全的 Web 字体。总有可能无法找到字体或无法正确安装字体。因此，始终使用后备字体非常重要。
这意味着您应该在 font-family 属性中添加一个类似的“备用字体”列表。如果第一个字体不起作用，浏览器将尝试下一个，再下一个，依此类推。始终以通用字体系列名称结束列表。
以下是一些常用的后备字体，按 5 种通用字体系列组织：
- 衬线
- 无衬线字体
- 等宽字体
- 草书
- 幻想
衬线字体
| 字体系列 | 示例文本 | 代码 |
|---|---|---|
| “Times New Roman”，Times，衬线体 | 这是一个标题这是一个段落。 |
尝试一下 |
| 乔治亚州，衬线体 | 这是一个标题这是一个段落。 |
尝试一下 |
| Garamond，衬线 | 这是一个标题这是一个段落。 |
尝试一下 |
无衬线字体
| 字体系列 | 示例文本 | 代码 |
|---|---|---|
| Arial、Helvetica、无衬线 | 这是一个标题这是一个段落。 |
尝试一下 |
| Tahoma、Verdana、无衬线字体 | 这是一个标题这是一个段落。 |
尝试一下 |
| “Trebuchet MS”，Helvetica，无衬线字体 | 这是一个标题这是一个段落。 |
尝试一下 |
| Geneva，Verdana，无衬线字体 | 这是一个标题这是一个段落。 |
尝试一下 |
等宽字体
| 字体系列 | 示例文本 | 代码 |
|---|---|---|
| “Courier New”, Courier, 等宽字体 | 这是一个标题这是一个段落。 |
尝试一下 |
草书字体
| 字体系列 | 示例文本 | 代码 |
|---|---|---|
| 草书“Brush Script MT” | 这是一个标题这是一个段落。 |
尝试一下 |
幻想字体
| 字体系列 | 示例文本 | 代码 |
|---|---|---|
| 铜版画、纸莎草纸、幻想 | 这是一个标题这是一个段落。 |
尝试一下 |
提示： 另请查看所有可用Google 字体 以及如何使用它们。
