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ī)劃到任何一種其他的字體系列當中拣播。這樣的字體包括 Western晾咪、Woodblock 和 Klingon。
五種通用字體系列
怎樣設(shè)置多個字體贮配，設(shè)置多個字體的時候要注意什么
- 使用font-family谍倦，用逗號分隔字體族名稱，當?shù)谝环N字體不能顯示時顯示第二種赠堵，進行逐一匹配吕嘀，如果字體都找不到就用瀏覽器默認字體梅掠。
- 用span標簽給想選中的字體加屬性。
px叼旋，em，rem
- 概念
- px：絕對單位沦辙，頁面按精確像素展示夫植。
- em：相對單位，基準點為父節(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)整所有字體大小休玩，又可以避免字體大小逐層復合的連鎖反應。
目前，除了IE8及更早版本外拴疤，所有瀏覽器均已支持rem永部。對于不支持它的瀏覽器，應對方法也很簡單呐矾，就是多寫一個絕對單位的聲明扬舒。這些瀏覽器會忽略用rem設(shè)定的字體大小。
