CSS中五種通用的字體系列
-
Serif 字體
這些字體成比例，而且有上下短線。如果字體中的所有字符根據(jù)其不同大小有不同的寬度，則成該字符是成比例的。例如，小寫 i 和小寫 m 的寬度就不同。上下短線是每個字符筆劃末端的裝飾，比如小寫 l 頂部和底部的短線，或大寫 A 兩條腿底部的短線。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。 -
Sans-serif 字體
這些字體是成比例的，而且沒有上下短線。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。 -
Monospace 字體
Monospace 字體并不是成比例的。它們通常用于模擬打字機打出的文本、老式點陣打印機的輸出，甚至更老式的視頻顯示終端。采用這些字體，每個字符的寬度都必須完全相同，所以小寫的 i 和小寫的 m 有相同的寬度。這些字體可能有上下短線，也可能沒有。如果一個字體的字符寬度完全相同，則歸類為 Monospace 字體，而不論是否有上下短線。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。 -
Cursive 字體
這些字體試圖模仿人的手寫體。通常，它們主要由曲線和 Serif 字體中沒有的筆劃裝飾組成。例如，大寫 A 再其左腿底部可能有一個小彎，或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。 -
Fantasy 字體
這些字體無法用任何特征來定義，只有一點是確定的，那就是我們無法很容易地將其規(guī)劃到任何一種其他的字體系列當(dāng)中。這樣的字體包括 Western、Woodblock 和 Klingon。
五種通用字體系列
怎樣設(shè)置多個字體，設(shè)置多個字體的時候要注意什么
- 使用font-family，用逗號分隔字體族名稱，當(dāng)?shù)谝环N字體不能顯示時顯示第二種，進行逐一匹配，如果字體都找不到就用瀏覽器默認字體。
- 用span標(biāo)簽給想選中的字體加屬性。
px，em，rem
- 概念
- px：絕對單位，頁面按精確像素展示。
- em：相對單位，基準(zhǔn)點為父節(jié)點字體的大小，如果自身定義了font-size按自身來計算（瀏覽器默認字體是16px），整個頁面內(nèi)1em不是一個固定的值。
- rem：相對單位，可理解為”root em”, 相對根節(jié)點html的字體大小來計算，CSS3新加屬性，chrome/firefox/IE9+支持。
- 特點
- PX特點：
- IE無法調(diào)整那些使用px作為單位的字體大小；
- 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位；
- Firefox能夠調(diào)整px和em，rem，但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。
- EM特點 ：
- em的值并不是固定的；
- em會繼承父級元素的字體大小。
- rem特點：
rem是CSS3新增的一個相對單位（root em，根em），這個單位引起了廣泛關(guān)注。區(qū)別在于使用rem為元素設(shè)定字體大小時，仍然是相對大小，但相對的只是HTML根元素。
這個單位可謂集相對大小和絕對大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。對于不支持它的瀏覽器，應(yīng)對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設(shè)定的字體大小。
