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