利用CSS可以很好地控制網(wǎng)頁內(nèi)文字字體的顯示，我們在"CSS入門教程——文字屬性(font)"一節(jié)中已經(jīng)簡單介紹了設(shè)置文字屬性的方法。下面我們就利用實(shí)例來進(jìn)一步深化地了解CSS字體屬性。

CSS文字字體：font-family

點(diǎn)擊下面的兩個(gè)按鈕就可以設(shè)置不同的字體了。但是可以看到，由于"times"和"courier"都是英文字體，所以對中文部分的文字不會有影響，因此對我們意義不大。

font-family:times

font-family:courier

下面我們就來設(shè)置幾個(gè)中文字體。這里參考了aoao的博客的文章“常見系統(tǒng)中文字體的英文名”。

設(shè)置字體的時(shí)候會發(fā)現(xiàn)有的時(shí)候會沒有反應(yīng)，這是因?yàn)槟南到y(tǒng)可能沒有安裝這種字體。由此我們知道，只有用戶的計(jì)算機(jī)安裝了我們設(shè)置的字體，該CSS設(shè)置才會生效。

CSS字體大?。篺ont-size

我們可以利用CSS的"font-size"設(shè)置文字的字體大小，CSS提供了一些內(nèi)置的字體大小屬性，不過瀏覽器并不一定按照統(tǒng)一的標(biāo)準(zhǔn)來顯示這些定義好的字體大小。可以在下面的下拉列表里選擇這些字體大小并點(diǎn)擊按鈕設(shè)置。

font-size：

我們也可以直接用像素設(shè)置字體的大小。可以在下面的文本框里填入希望的像素值，點(diǎn)擊后面的按鈕使設(shè)置生效。

字體大小(px):

我們可以用更多的方法來指定長度，這些方法將會在后面介紹。

CSS文字樣式：font-style

CSS的font-style屬性可以有三個(gè)屬性值，分別為：normal、italic、oblique。下面我們就來看看這幾個(gè)字體樣式的實(shí)際效果。

CSS文字磅數(shù):font-weight

指定font-weight屬性可以調(diào)整文字的粗細(xì)程度，可以點(diǎn)擊下面的按鈕測試。

我實(shí)驗(yàn)的結(jié)果是并不是所有的磅數(shù)在瀏覽器中都有差別。