CSS中怎么設(shè)置字體屬性

CSS中怎么設(shè)置字體屬性，針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

CSS字體

CSS字體(font)屬性定義文本中的字體。

設(shè)置CSS字體屬性是樣式表的最常見用途之一。CSS字體屬性允許您設(shè)置字體系列(font-family)和字體加粗(font-weight)，您還可以設(shè)置字體的大小、字體風(fēng)格（如斜體）和字體變形（如小型大寫字母）。

指定CSS字體

可以使用font-family屬性在文檔中采用某種字體系列。

使用通用CSS字體系列

如果你希望文檔使用一種sans-serif字體，但是你并不關(guān)心是哪一種字體，以下就是一個合適的聲明：

body{font-family:sans-serif;}這樣用戶代理就會從sans-serif字體系列中選擇一個字體（如Helvetica），并將其應(yīng)用到body元素。因為有繼承，這種字體選擇還將應(yīng)用到body元素中包含的所有元素，除非有一種更特定的選擇器將其覆蓋。

指定CSS字體系列

除了指定通用的字體系列，您還可以通過font-family屬性設(shè)置更具體的字體。

下面的例子為所有h2元素設(shè)置了Verdana字體：

h2{font-family:Georgia;}

這樣的規(guī)則同時會產(chǎn)生另外一個問題，如果用戶代理上沒有安裝Georgia字體，就只能使用用戶代理的默認(rèn)字體來顯示h2元素。

我們可以通過結(jié)合特定字體名和通用字體系列來解決這個問題：

h2{font-family:Georgia,serif;}

如果讀者沒有安裝Georgia，但安裝了Times字體（serif字體系列中的一種字體），用戶代理就可能對h2元素使用Times。盡管Times與Georgia并不完全匹配，但至少足夠接近。

因此，我們建議在所有font-family規(guī)則中都提供一個通用CSS字體系列。這樣就提供了一條后路，在用戶代理無法提供與規(guī)則匹配的特定字體時，就可以選擇一個候選字體。

如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。要做到這一點，需要把這些字體按照優(yōu)先順序排列，然后用逗號進(jìn)行連接：

p{font-family:Times,TimesNR,'NewCenturySchoolbook',  Georgia,'NewYork',serif;}

根據(jù)這個列表，用戶代理會按所列的順序查找這些字體。如果列出的所有字體都不可用，就會簡單地選擇一種可用的serif字體。

使用引號

您也許已經(jīng)注意到了，上面的例子中使用了單引號。只有當(dāng)一個CSS字體名中有一個或多個空格（比如NewYork），或者如果字體名包括#或$之類的符號，才需要在font-family聲明中加引號。

單引號或雙引號都可以接受。但是，如果把一個font-family屬性放在HTML的style屬性中，則需要使用該屬性本身未使用的那種引號。

關(guān)于CSS中怎么設(shè)置字體屬性問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。