CSS 字体回退
常用字体回退
以下是一些常用的字体回退,按 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 字体以及如何使用它们。