CSS 网络安全字体组合

常用的字体组合

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

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

实例

  1. 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