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

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

創(chuàng)新互聯(lián)是專業(yè)的鼓樓網(wǎng)站建設(shè)公司，鼓樓接單;提供成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行鼓樓網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

使用普片字瑣屑列

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

body {font-family: sans-serif;}

親身試一試

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

指定字體系列

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

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

h2 {font-family: Georgia;}

親身試一試

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

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

h2 {font-family: Georgia, serif;}

切身試一試

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

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

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

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

親身試一試

根據(jù)這個列表，用戶代搭理按所列的倒敘查找這些字體。要是列出的全數(shù)字體都不成用，就會容易地決定一種可用的 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 屬性定義文本的字體系列”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：css如何使用font-family屬性定義文本的字體系列
轉(zhuǎn)載注明：http://muchs.cn/article44/ipidhe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、移動網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、、軟件開發(fā)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)