css如何使用font-family 屬性定義文本的字體系列

這篇文章主要介紹css如何使用font-family 屬性定義文本的字體系列，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

使用普片字瑣屑列

假設你祈望文檔使用一種 sans-serif 字體，可是你其實不關心是哪種字體，下列便是一個合乎的申明：

body {font-family: sans-serif;}

親身試一試

何等用戶代理就會從 sans-serif 字細碎列入抉擇一個字體（如 Helvetica），并將其使用到 body 元素。因為有秉持，這種字體抉擇還將應用到 body 元素中席卷的悉數元素，除非有一種更特定的選擇器將其籠蓋。

指定字體系列

除了使用通用的字細碎列，您還可以經過 font-family 屬性配置更具體的字體。

下面的例子為全數 h2 元素設置裝備擺設了 Georgia 字體：

h2 {font-family: Georgia;}

親身試一試

何等的規定同時會制作生其他一個題目，假設用戶代理上不有安裝 Georgia 字體，就只能使用用戶署理的默許字體來顯示 h2 元素。

咱們可以經過拉攏特定字體名和通用字瑣屑列來打算這個標題問題：

h2 {font-family: Georgia, serif;}

切身試一試

假如讀者不有安裝 Georgia，但安設了 Times 字體（serif 字瑣細列中的一種字體），用戶署理便可能對 h2 元素使用 Times。固然 Times 與 Georgia 并不徹底成婚，但最多十足接近。

于是，咱們提倡在一切 font-family 劃定規矩中都供給一個普片字系統列。多么就供應了一條后路，在用戶代辦署理無法供給與規定成婚的特定字體時，便可以選擇一個候選字體。

要是您對字體非常明確，也可認為給定的元素指定一系列類似的字體。要做到這一點，重要把這些字體根據優先軌范布列，日后用逗號發展連貫：

p {font-family: Times, TimesNR, 'New Century Schoolbook',
     Georgia, 'New York', serif;}

親身試一試

根據這個列表，用戶代搭理按所列的倒敘查找這些字體。要是列出的全數字體都不成用，就會容易地決定一種可用的 serif 字體。

使用引號

您也許也曾留神到了，下面的例子中使用了單引號。只需當字體名中有一個或多個空格（比如 New York），或者要是字體名包括 # 或 $ 之類的符號，才必要在 font-family 聲明中加引號。

單引號或雙引號均可以接受。然則，如果把一個 font-family 屬性放在 HTML 的 style 屬性中，則須要使用該屬性本人未使用的那種引號：

<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
 'New York', serif;">...</p>

以上是“css如何使用font-family 屬性定義文本的字體系列”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！