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 进阶教程