話說CSS字體屬性font-family、font-style、font-size、font-weight、font-variant:
使用CSS,可以對字體進行設置,字體屬性包括五種常見屬性:字體系列font-family、字體樣式/字體風格font-style、字體大小font-size、字體粗細font-weight、字體變量font-variant。通過這五個屬性,可以設定文本在web頁面的顯示效果或文本的打印效果。
1.字體系列font-family
支持按照優先級順序列出各種要指派使用的字體,當用戶系統沒有安裝首選字體時候,向后搜索,選用下一個指派的字體解析顯示。
如:
復制代碼代碼如下:
p{font-family:Verdana,Arial,Helvetica,sans-serif;}
其中,字體名稱由兩個或者多個單詞構成,必須使用引號括起來,如下:
復制代碼代碼如下:
p{font-family:”Times New Roman”,Georgia,serif;}
說明:由于一般的操作系統與瀏覽器都安裝與支持以下字體,所以web開發中使用最安全的字體系列為:Arial、Helvetica、 Times New Roman、 Times、 Courier New 和 Courier。而Verdana、Georgia、Comic Sans MS、Trebuchet MS、Arial Black和Impact字體對于蘋果的Mac系統和微軟的Windows系統來說是安全的,但可能不支持安裝在像Linux這樣的開源操作系統中。其他經常使用但是不太安全的字體還有:Palatino、Garamond、Bookman和Avant Garde等。
2.字體樣式/字體風格font-style
font-style屬性有三個值:normal、italic和 oblique。三種字體風格對應三種表現的字體效果:
normal:默認樣式。瀏覽器顯示一個標準的字體。
italic:瀏覽器會顯示一個斜體的字體。
oblique:瀏覽器會顯示一個傾斜的字體。
容易產生疑問和困惑是italic 和 oblique 之間的區別。主要區別總結為:
字體樣式italic、oblique 需要系統中字體文件的支持。
字體名中帶有“Italic”、“Cursive”(草書)或“Kursiv”(一種書信體)的字體通常標記為“italic”。
字體名中帶有“Oblique”、“Slanted”(斜體)或“Incline”(傾斜)的字體通常標記為“oblique”。
如果“italic”字體不存在,而只有Oblique字體,則使用后者“oblique”字體,但若“oblique”字體不存在,則不能用“italic”替代,此時瀏覽器會將正常直立字體傾斜一個角度來作為傾斜字體使用。
在很多情況下,斜體和傾斜字體幾乎看不出區別,特別是對那些沒有特別提供這兩種樣式的字體來說
從本質上來說,斜體(italic)是一種簡單的字體風格,對每個字母的結構有微小的變動,外觀區別于正常字體風格。不過,傾斜(oblique)風格則是正常豎直文本的一個傾斜版本。
通常情況下,italic 和 oblique 文本在 web 瀏覽器中看上去不存在明顯的差別。
新聞熱點
疑難解答