CSS 备选字体

常用的备选字体

不存在 100% 完全网络安全的字体。总是有可能找不到字体或未正确安装字体。因此，始终使用备选字体非常重要。

这意味着您应该在 font-family 属性中添加类似的 "backup fonts" 列表。如果第一种字体不起作用，浏览器将尝试下一种，然后再尝试下一种，依此类推。始终以通用字体系列名称结束列表。

以下是一些常用的备选字体，按 5 个通用字体系列组织：

衬线
无衬线字体
等宽字体
草书
幻想

衬线字体

font-family	Example text	Code
"Times New Roman", Times, serif	This is a Heading This is a paragraph.	尝试一下
Georgia, serif	This is a Heading This is a paragraph.	尝试一下
Garamond, serif	This is a Heading This is a paragraph.	尝试一下

font-family

Example text

Code

"Times New Roman", Times, serif

This is a Heading

This is a paragraph.

尝试一下

Georgia, serif

This is a Heading

This is a paragraph.

尝试一下

Garamond, serif

This is a Heading

This is a paragraph.

尝试一下

无衬线字体

font-family	Example text	Code
Arial, Helvetica, sans-serif	This is a Heading This is a paragraph.	尝试一下
Tahoma, Verdana, sans-serif	This is a Heading This is a paragraph.	尝试一下
"Trebuchet MS", Helvetica, sans-serif	This is a Heading This is a paragraph.	尝试一下
Geneva, Verdana, sans-serif	This is a Heading This is a paragraph.	尝试一下

等宽字体

font-family	Example text	Code
"Courier New", Courier, monospace	This is a Heading This is a paragraph.	尝试一下

font-family

Example text

Code

"Courier New", Courier, monospace

This is a Heading

This is a paragraph.

尝试一下

草书字体

font-family	Example text	Code
"Brush Script MT", cursive	This is a Heading This is a paragraph.	尝试一下

font-family

Example text

Code

"Brush Script MT", cursive

This is a Heading

This is a paragraph.

尝试一下

幻想字体

font-family	Example text	Code
Copperplate, Papyrus, fantasy	This is a Heading This is a paragraph.	尝试一下

font-family

Example text

Code

Copperplate, Papyrus, fantasy

This is a Heading

This is a paragraph.

尝试一下

提示：还要检查所有可用的谷歌字体以及如何使用它们。