CSS中字體種類有很多,通常我們可以通過font-family屬性進(jìn)行設(shè)置。以下為常見的幾種字體:
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'即為谷歌字體庫中提供的字體名稱。使用谷歌字體庫也可以按需選擇其他字體。
還有一點(diǎn)需要注意的是,在設(shè)計(jì)web頁面時(shí)要考慮跨瀏覽器兼容性。如果某個(gè)字體在某一款瀏覽器中不支持,可以通過設(shè)置font-stack進(jìn)行備選。例如:
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* 主要字體 */ font-family: "Microsoft YaHei", "微軟雅黑", sans-serif; /* Opera Browser 備選字體 */ }
通過font-family的備選機(jī)制,可以確保頁面在不同瀏覽器中顯示效果相同。