CSS中字體種類有很多,通常我們可以通過font-family屬性進行設置。以下為常見的幾種字體:
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 上面代碼中的字體種類分別為: Helvetica Neue, Helvetica, Arial, sans-serif */ p { font-family: "Times New Roman", Times, serif; } /* 上面代碼中的字體種類分別為: Times New Roman, Times, serif */
除了上述常見字體,我們還可以使用谷歌字體庫中提供的特殊字體。在頭部引入谷歌字體庫:
<link rel='stylesheet' type='text/css'>
然后在CSS中使用:
p { font-family: 'Open Sans', sans-serif; }
上面代碼中,'Open Sans'即為谷歌字體庫中提供的字體名稱。使用谷歌字體庫也可以按需選擇其他字體。
還有一點需要注意的是,在設計web頁面時要考慮跨瀏覽器兼容性。如果某個字體在某一款瀏覽器中不支持,可以通過設置font-stack進行備選。例如:
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* 主要字體 */ font-family: "Microsoft YaHei", "微軟雅黑", sans-serif; /* Opera Browser 備選字體 */ }
通過font-family的備選機制,可以確保頁面在不同瀏覽器中顯示效果相同。
上一篇css中字體設置有哪些
下一篇css中字號