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