CSS 网络安全字体组合

常用的字体组合

font-family 属性应该使用若干种字体名称作为回退系统，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体，则会尝试下一个。

请以您喜欢的字体开始，并以通用字体系列结束，以便使浏览器在通用系统中挑选相似的字体，如果没有其他字体可用的话：

实例

p{font-family:'Times New Roman', Times, serif}

亲自试一试

下面是最常用的字体组合，根据通用系统进行汇总：

Serif 字体

font-family 示例文本
Georgia, serif

This is a heading

This is a paragraph
'Palatino Linotype', 'Book Antiqua', Palatino, serif

This is a heading

This is a paragraph
'Times New Roman', Times, serif

This is a heading

This is a paragraph

Sans-Serif 字体

font-family 示例文本
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph
'Arial Black', Gadget, sans-serif

This is a heading

This is a paragraph
'Comic Sans MS', cursive, sans-serif

This is a heading

This is a paragraph
Impact, Charcoal, sans-serif

This is a heading

This is a paragraph
'Lucida Sans Unicode', 'Lucida Grande', sans-serif

This is a heading

This is a paragraph
Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph
'Trebuchet MS', Helvetica, sans-serif

This is a heading

This is a paragraph
Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Monospace 字体

font-family 示例文本
'Courier New', Courier, monospace

This is a heading

This is a paragraph
'Lucida Console', Monaco, monospace

This is a heading

This is a paragraph
VUE