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 |