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
計算機學習推薦