天天看點

CSS font-family 字型介紹,\5b8b\4f53 表示“宋體”

font-family采用一種"回退"的形式來儲存字型,可以寫若幹種字型。當第一種字型浏覽器不支援的時候,會找第二種字型,一次類推。

font-family字型分為兩類:

特殊字型系列:就是具體的每種字型,如:宋體、Times New Roman等 

通用字型系列:代表的是相似的一類字型。css規定的通用字型類型有5種,serif、sans-serif、monospace、cursive、fantasy 5種,通常浏覽器都會支援每種通用字型裡的一種字型,不支援的很少。

是以,font-family組織的時候推薦使用前面若幹種特殊字型,後面一種通用字型。 

西方國家字母體系分為兩種:serif和sans-serif

serif是成比例,有襯線的。成比例就是字母占用的空間跟字母的寬度成比例,比如i和m占用的寬度就不一樣。襯線,字的筆畫開始和結尾處有額外的修飾,并且筆畫的粗細會有所不同。襯線字型可讀性高,強調以單詞為整體,常用于大篇文章。常用的襯線字型Time New Roman、Georgia、宋體、Garamond。

sans-serif是成比例的,但是沒有襯線。無襯線字型單個字母可讀性高,一般長用于标題,大字型比較醒目的地方,以一個字母為整體。常用的無襯線字型Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圓、隸書。

monospace 等寬字型。列印機打出來的字型是sans-serif字型,但是是等寬,就單獨劃分了一種等寬字型。常用的等寬字型有Courier、Courier New 和 Andale Mono。

cursive 這些字型試圖模仿人的手寫體,類似于中國的草書。通常,它們主要由曲線和 Serif 字型中沒有的筆劃裝飾組成。例如,大寫 A 再其左腿底部可能有一個小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字型的例子包括 Zapf Chancery、Author 和 Comic Sans。

Fantasy 字型這些字型無法用任何特征來定義,隻有一點是确定的,那就是我們無法很容易地将其規劃到任何一種其他的字型系列當中。這樣的字型包括 Western、Woodblock 和 Klingon。幾乎很少用

最後來2個字型的例子:

font-family:tahoma,arial,\5b8b\4f53,sans-serif;

\5b8b\4f53  就是宋體,采用unicode編碼,不采用Simsun編碼,因為Firefox和Opera的某些版本不支援Simsun編碼

font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;

12px/1.5 是font-size/line-height