CSS中如何設(shè)置字體屬性

本篇內(nèi)容主要講解“CSS中如何設(shè)置字體屬性”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“CSS中如何設(shè)置字體屬性”吧!

CSS字體

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

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

指定CSS字體

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

使用通用CSS字體系列

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

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

指定CSS字體系列

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

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

h2{font-family:Georgia;}

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

我們可以通過(guò)結(jié)合特定字體名和通用字體系列來(lái)解決這個(gè)問(wèn)題：

h2{font-family:Georgia,serif;}

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

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

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

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

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

使用引號(hào)

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

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

到此，相信大家對(duì)“CSS中如何設(shè)置字體屬性”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！