在內(nèi)容為王的互聯(lián)網(wǎng)時(shí)代,網(wǎng)站的發(fā)展和搜索技術(shù)緊密聯(lián)系在一起,互聯(lián)網(wǎng)上的數(shù)據(jù)大部分都是字體來(lái)表達(dá)的,一個(gè)網(wǎng)站一般7成的內(nèi)容都是文字,所以,設(shè)置好看的文字填充在網(wǎng)站里是網(wǎng)站做成功的基本保障,CSS因?yàn)槠涓袷交约皹?biāo)準(zhǔn)化,當(dāng)仁不讓的成為設(shè)置字體大小以及字體粗細(xì)的方法,下面東莞網(wǎng)站制作公司就來(lái)介紹一些關(guān)于字體設(shè)置方法的CSS。
CSS字體聲明:font-family
這是字體本身的名稱(chēng),如“Times News Roman”,“Arial”或者“Verdana”。在中國(guó)網(wǎng)頁(yè)設(shè)計(jì)里,一般使用宋體就OK了。
值得注意的是:你設(shè)置的字體如果你電腦里沒(méi)有,那么網(wǎng)站的字體顯示就有問(wèn)題。字庫(kù)里沒(méi)有你指定的字體,一般會(huì)默認(rèn)顯示為字體,所以,設(shè)置網(wǎng)站的時(shí)候要注意兼顧訪(fǎng)問(wèn)者電腦中的字庫(kù)。怎么知道他們的字庫(kù)?很簡(jiǎn)單,有些字體是所有電腦里面都有的,對(duì)于中文系統(tǒng)來(lái)說(shuō),宋體以及黑體等是所有字體都有的。
如果別人電腦沒(méi)有你指定的字庫(kù),難道一定要用宋體來(lái)顯示嗎?如果是這樣,那么真是煩心事,好處的用CSS設(shè)置字體的時(shí)候,你可以設(shè)置不同的字體,不過(guò)字體之間要用逗號(hào)隔離。這樣前幾種字體沒(méi)有,就會(huì)啟用**種。
例font-family: arial, helvetica
采用這樣的方式定義的目的就是用在PC(一般情況下有arial字體而沒(méi)有helvetica字體)和Apple Mac上(一般有helvetica字體而沒(méi)有arial字體)。
注意:如果一個(gè)字體的名稱(chēng)超過(guò)一個(gè)單詞,它應(yīng)該用英文雙引號(hào)括起來(lái),如:font-family: "Times New Roman"。而不是之間寫(xiě)出來(lái)。
字體尺寸font-size
定義字體的尺寸。一般來(lái)說(shuō),寮步網(wǎng)站建設(shè)公司建議網(wǎng)頁(yè)用12號(hào)或者14號(hào)的字體,因?yàn)檫@兩種大小的字體看起來(lái)很舒服,由于某些原因,13號(hào)的字體嚴(yán)格來(lái)說(shuō)會(huì)變形。在新聞顯示頁(yè)面,更好用14號(hào)的字體。
字體加粗CSS:font-weight
這用來(lái)聲明文本粗細(xì)與否。實(shí)際應(yīng)用中一般只有兩種形式:font-weight: bold(粗體)和font-weight: normal(普通)。在理論上,它們的值有bolder(更粗),lighter(更細(xì)),100,200,300,400,500,600,700,800或者900,不過(guò)這些數(shù)值的用處不大。合理的設(shè)置可以讓網(wǎng)頁(yè)字體更加美觀。
字體樣式font-style
這定義文本正斜與否??梢赃@樣使用 font-style: italic(傾斜)或者font-style: normal(正常)。
文本裝飾text-decoration
如果你想讓文字有下劃線(xiàn),那么你可以用這樣的代碼。
實(shí)例:
text-decoration: overline──文本上面的劃線(xiàn)。
text-decoration: line-through──穿過(guò)文本的刪除線(xiàn)。
text-decoration: underline──這應(yīng)該只使用在連接中,因?yàn)橛脩?hù)一般認(rèn)為連接才有下劃線(xiàn)。
用CSS設(shè)置字體的大小粗細(xì),歡迎合作。