除了各種特定字體系列外(如 Times、Verdana、Helvetica 或 Arial),CSS定義了 5 種通用字體系列:
Serif 字體
這些字體成比例,而且有上下短線(xiàn)。如果字體中的所有字符根據(jù)其不同大小有不同的寬度,則成該字符是成比例的。例如,小寫(xiě) i 和小寫(xiě) m 的寬度就不同。上下短線(xiàn)是每個(gè)字符筆劃末端的裝飾,比如小寫(xiě) l 頂部和底部的短線(xiàn),或大寫(xiě) A 兩條腿底部的短線(xiàn)。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。
Sans-serif 字體
這些字體是成比例的,而且沒(méi)有上下短線(xiàn)。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace 字體
Monospace 字體并不是成比例的。它們通常用于模擬打字機(jī)打出的文本、老式點(diǎn)陣打印機(jī)的輸出,甚至更老式的視頻顯示終端。采用這些字體,每個(gè)字符的寬度都必須完全相同,所以小寫(xiě)的 i 和小寫(xiě)的 m 有相同的寬度。這些字體可能有上下短線(xiàn),也可能沒(méi)有。如果一個(gè)字體的字符寬度完全相同,則歸類(lèi)為 Monospace 字體,而不論是否有上下短線(xiàn)。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。
Cursive 字體
這些字體試圖模仿人的手寫(xiě)體。通常,它們主要由曲線(xiàn)和 Serif 字體中沒(méi)有的筆劃裝飾組成。例如,大寫(xiě) A 再其左腿底部可能有一個(gè)小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。
Fantasy 字體
這些字體無(wú)法用任何特征來(lái)定義,只有一點(diǎn)是確定的,那就是我們無(wú)法很容易地將其規(guī)劃到任何一種其他的字體系列當(dāng)中。這樣的字體包括 Western、Woodblock 和 Klingon。
理論上講,用戶(hù)安裝的任何字體系列都會(huì)落入到上述某種通用系列中,但實(shí)際上可能并非如此,不過(guò)例外情況(如果有的話(huà))往往很少。
然而,似乎大多數(shù)網(wǎng)站使用非默認(rèn)字體的這些天,但是誰(shuí)能怪他們呢?系統(tǒng)字體都是很枯燥的,使用自定義字體能為一個(gè)網(wǎng)站增色不少。使用自定義字體所帶來(lái)的問(wèn)題就是,會(huì)延緩你站點(diǎn)的加載。字體文件比較大,可能需要單獨(dú)的字體文件,粗體和斜體,并阻止渲染,如果開(kāi)發(fā)商不解決它們。讓我告訴你一個(gè)更快速加載的方法。
1. 把字體放在CDN上
為提高網(wǎng)站的速度,一個(gè)簡(jiǎn)單的解決方案是使用CDN,這對(duì)字體來(lái)說(shuō)沒(méi)有什么差別。重要的是要確保CDN有適當(dāng)?shù)腃ORS設(shè)置
新聞熱點(diǎn)
疑難解答
圖片精選