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