一迹炼、font-family
font-family 規(guī)定元素的字體系列贝乎。
1.font-family設(shè)置多個(gè)字體
font-family 可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來保存萎攒。如果瀏覽器不支持第一個(gè)字體，則會(huì)嘗試下一個(gè)。也就是說称近，font-family 屬性的值是用于某個(gè)元素的字體族名稱或/及類族名稱的一個(gè)優(yōu)先表造虎。瀏覽器會(huì)使用它可識(shí)別的第一個(gè)值傅蹂。
有兩種類型的字體系列名稱：
- 指定的系列名稱：具體字體的名稱，比如："times"、"courier"份蝴、"arial"犁功。
- 通常字體系列名稱：比如："serif"、"sans-serif"婚夫、"cursive"浸卦、"fantasy"、"monospace"
- 提示：使用逗號(hào)分割每個(gè)值案糙，并始終提供一個(gè)類族名稱作為最后的選擇限嫌。
p{
font-family: "Times New Roman",Georgia,Serif;
}
注意：使用某種特定的字體系列（Geneva）完全取決于用戶機(jī)器上該字體系列是否可用；這個(gè)屬性沒有指示任何字體下載时捌。因此怒医，強(qiáng)烈推薦使用一個(gè)通用字體系列名作為后路。
2.使用引號(hào)
您也許已經(jīng)注意到了奢讨，上面的例子中使用了引號(hào)稚叹。只有當(dāng)字體名中有一個(gè)或多個(gè)空格（比如 New York），或者如果字體名包括 # 或 $ 之類的符號(hào)禽笑，才需要在 font-family 聲明中加引號(hào)入录。
單引號(hào)或雙引號(hào)都可以接受。但是佳镜，如果把一個(gè) font-family 屬性放在 HTML 的 style 屬性中僚稿，則需要使用該屬性本身未使用的那種引號(hào)：
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;">...</p>
3.CSS 字體系列
在 CSS 中，有兩種不同類型的字體系列名稱：
- 通用字體系列 - 擁有相似外觀的字體系統(tǒng)組合（比如 "Serif" 或 "Monospace"）
- 特定字體系列 - 具體的字體系列（比如 "Times" 或 "Courier"）
CSS 定義了 5 種通用字體系列：
- Serif 字體
- Sans-serif 字體
- Monospace 字體
- Cursive 字體
- Fantasy 字體
關(guān)于五種通用字體的介紹：
https://www.cnblogs.com/hunter001/articles/2076102.html
二蟀伸、字體風(fēng)格
1.font-style 屬性
最常用于規(guī)定斜體文本蚀同。
該屬性有三個(gè)值：
- normal - 文本正常顯示
- italic - 文本斜體顯示
- oblique - 文本傾斜顯示
italic 和 oblique 的區(qū)別：
斜體（italic）是一種簡(jiǎn)單的字體風(fēng)格，對(duì)每個(gè)字母的結(jié)構(gòu)有一些小改動(dòng)啊掏，來反映變化的外觀蠢络。與此不同，傾斜（oblique）文本則是正常豎直文本的一個(gè)傾斜版本迟蜜。
通常情況下刹孔，italic 和 oblique 文本在 web 瀏覽器中看上去完全一樣。
2.font-variant 屬性
可以設(shè)定小型大寫字母娜睛。
小型大寫字母不是一般的大寫字母髓霞，也不是小寫字母，這種字母采用不同大小的大寫字母畦戒。
<head>
<style type="text/css">
p.normal {
font-variant: normal
}
p.small {
font-variant: small-caps
}
</style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="small">This is a paragraph</p>
</body>
3.font-weight 屬性
設(shè)置文本的粗細(xì)方库。
使用 bold 關(guān)鍵字可以將文本設(shè)置為粗體。
關(guān)鍵字 100 ~ 900 為字體指定了 9 級(jí)加粗度障斋。如果一個(gè)字體內(nèi)置了這些加粗級(jí)別纵潦，那么這些數(shù)字就直接映射到預(yù)定義的級(jí)別徐鹤，100 對(duì)應(yīng)最細(xì)的字體變形，900 對(duì)應(yīng)最粗的字體變形邀层。數(shù)字 400 等價(jià)于 normal返敬，而 700 等價(jià)于 bold。
如果將元素的加粗設(shè)置為 bolder被济，瀏覽器會(huì)設(shè)置比所繼承值更粗的一個(gè)字體加粗救赐。與此相反涧团，關(guān)鍵詞 lighter 會(huì)導(dǎo)致瀏覽器設(shè)置比所繼承值更細(xì)的一個(gè)字體只磷。
4.font-size 屬性
設(shè)置文本的大小。
font-size 值可以是絕對(duì)或相對(duì)值泌绣。
絕對(duì)值：
- 將文本設(shè)置為指定的大小
- 不允許用戶在所有瀏覽器中改變文本大信プ贰（不利于可用性）
- 絕對(duì)大小在確定了輸出的物理尺寸時(shí)很有用
相對(duì)大小：
- 相對(duì)于周圍的元素來設(shè)置大小
- 允許用戶在瀏覽器改變文本大小
普通文本（比如段落）的默認(rèn)大小是 16 像素 (16px=1em)阿迈。
使用像素來設(shè)置字體大性摹：
通過像素設(shè)置文本大小，可以對(duì)文本大小進(jìn)行完全控制：
在 Firefox, Chrome, and Safari 中苗沧，可以重新調(diào)整以上例子的文本大小刊棕，但是在 Internet Explorer 中不行。
雖然可以通過瀏覽器的縮放工具調(diào)整文本大小待逞，但是這實(shí)際上是對(duì)整個(gè)頁面的調(diào)整甥角，而不僅限于文本。
使用 em 來設(shè)置字體大惺队！：
如果要避免在 Internet Explorer 中無法調(diào)整文本的問題嗤无，許多開發(fā)者使用 em 單位代替 pixels。
1em 等于當(dāng)前的字體尺寸怜庸。如果一個(gè)元素的 font-size 為 16 像素当犯，那么對(duì)于該元素，1em 就等于 16 像素割疾。在設(shè)置字體大小時(shí)嚎卫，em 的值會(huì)相對(duì)于父元素的字體大小改變。
瀏覽器中默認(rèn)的文本大小是 16 像素宏榕。因此 1em 的默認(rèn)尺寸是 16 像素拓诸。
可以使用下面這個(gè)公式將像素轉(zhuǎn)換為 em：pixels/16=em
（注：16 等于父元素的默認(rèn)字體大小，假設(shè)父元素的 font-size 為 20px担扑，那么公式需改為：pixels/20=em）
使用 em 單位恰响，則可以在所有瀏覽器中調(diào)整文本大小。
不幸的是涌献，在 IE 中仍存在問題胚宦。在重設(shè)文本大小時(shí)，會(huì)比正常的尺寸更大或更小。
結(jié)合使用百分比和em：
在所有瀏覽器中均有效的方案是為 body 元素（父元素）以百分比設(shè)置默認(rèn)的 font-size 值：
在所有瀏覽器中枢劝，可以顯示相同的文本大小井联，并允許所有瀏覽器縮放文本的大小
px，em您旁，rem這幾個(gè)單位有什么不同：
a.概念
px：絕對(duì)單位烙常，頁面按精確像素展示。
em：相對(duì)單位鹤盒，基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小蚕脏，如果自身定義了font-size按自身來計(jì)算（瀏覽器默認(rèn)字體是16px），整個(gè)頁面內(nèi)1em不是一個(gè)固定的值侦锯。
rem：相對(duì)單位驼鞭，可理解為”root em”, 相對(duì)根節(jié)點(diǎn)html的字體大小來計(jì)算，CSS3新加屬性尺碰，chrome/firefox/IE9+支持挣棕。
b.特點(diǎn)
px特點(diǎn)：
1. IE無法調(diào)整那些使用px作為單位的字體大小亲桥；
2. 國(guó)外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位洛心；
3. Firefox能夠調(diào)整px和em，rem题篷，但是96%以上的中國(guó)網(wǎng)民使用IE瀏覽器(或內(nèi)核)词身。
em特點(diǎn) ：
1. em的值并不是固定的；
2. em會(huì)繼承父級(jí)元素的字體大小悼凑。
rem特點(diǎn)：
rem是CSS3新增的一個(gè)相對(duì)單位（root em偿枕，根em），這個(gè)單位引起了廣泛關(guān)注户辫。區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)渐夸，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素渔欢。
這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身墓塌，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)奥额。
