CSS 網(wǎng)絡(luò)安全字體組合
常用的字體組合
font-family 屬性應(yīng)該使用若干種字體名稱作為回退系統(tǒng)，以確保瀏覽器/操作系統(tǒng)之間的最大兼容性。如果瀏覽器不支持第一個字體，則會嘗試下一個。
請以您喜歡的字體開始，并以通用字體系列結(jié)束，以便使瀏覽器在通用系統(tǒng)中挑選相似的字體，如果沒有其他字體可用的話：
實例
p{font-family:'Times New Roman', Times, serif}
下面是最常用的字體組合，根據(jù)通用系統(tǒng)進(jìn)行匯總：
Serif 字體
| font-family | 示例文本 |
|---|---|
| Georgia, serif |
This is a headingThis is a paragraph |
| 'Palatino Linotype', 'Book Antiqua', Palatino, serif |
This is a headingThis is a paragraph |
| 'Times New Roman', Times, serif |
This is a headingThis is a paragraph |
Sans-Serif 字體
| font-family | 示例文本 |
|---|---|
| Arial, Helvetica, sans-serif |
This is a headingThis is a paragraph |
| 'Arial Black', Gadget, sans-serif |
This is a headingThis is a paragraph |
| 'Comic Sans MS', cursive, sans-serif |
This is a headingThis is a paragraph |
| Impact, Charcoal, sans-serif |
This is a headingThis is a paragraph |
| 'Lucida Sans Unicode', 'Lucida Grande', sans-serif |
This is a headingThis is a paragraph |
| Tahoma, Geneva, sans-serif |
This is a headingThis is a paragraph |
| 'Trebuchet MS', Helvetica, sans-serif |
This is a headingThis is a paragraph |
| Verdana, Geneva, sans-serif |
This is a headingThis is a paragraph |
Monospace 字體
| font-family | 示例文本 |
|---|---|
| 'Courier New', Courier, monospace |
This is a headingThis is a paragraph |
| 'Lucida Console', Monaco, monospace |
This is a headingThis is a paragraph |