有關(guān)字體的基本知識(shí)點(diǎn)小結(jié)
1、什么是字體
字體是文字的外在形式，就是文字的風(fēng)格，是文字的外衣。比如行書、楷書、草書，都是一種字體。同樣一個(gè)字每個(gè)人寫起來都會(huì)有差異，可以說每個(gè)人都有一套潛在的字體庫。對(duì)于web頁面來說，字體就是計(jì)算機(jī)上存儲(chǔ)的一套文字顯示方式。通過對(duì)文字進(jìn)行一些特殊處理（比如末端加強(qiáng)）來提高不同環(huán)境中文字的可讀性。
比如同樣大小的文字，在不同字體下的可讀性是不同的。
一般來講，一款字庫的誕生，要經(jīng)過字體設(shè)計(jì)師的創(chuàng)意設(shè)計(jì)、字體制作人員一筆一劃的制作、修改，技術(shù)開發(fā)人員對(duì)字符進(jìn)行編碼、添加程序指令、裝庫、開發(fā)安裝程序，測(cè)試人員對(duì)字庫進(jìn)行校對(duì)、軟件測(cè)試、兼容性測(cè)試，生產(chǎn)部門對(duì)字庫進(jìn)行最終產(chǎn)品化和包裝上市等幾個(gè)環(huán)節(jié)。通常情況下文字跟字體庫是一對(duì)多的關(guān)系，所以對(duì)于多語言支持的web頁面，要求設(shè)計(jì)師在選用字體時(shí)不能光考慮一種語言的情況。
2、font-family
關(guān)于font-family的介紹大多數(shù)只是說明他可以設(shè)置文本中的字體名稱序列。其實(shí)font-family真正的作用是將一系列近似的字體按照優(yōu)先級(jí)順序組成一個(gè)列表，瀏覽器從第一項(xiàng)開始依次查找，找到第一種可用的字體來顯示文字。
font-family: Times New Roman,"open-sans","幼圓",sans-serif
當(dāng)瀏覽器顯示一個(gè)字符時(shí)，會(huì)首先從Times New Roman中尋找這個(gè)字符，如果找到就用Times New Roman字體來顯示這個(gè)字符。如果沒找到就去open-sans中尋找，如果找到就用該字體顯示字符，沒找到就會(huì)依次尋找下去，如果在通用字體庫sans-serif中也沒有找到就會(huì)用一個(gè)缺字符代替（通常是小方框）。
時(shí)間就是金錢Time is money.
比如上面這段代碼，對(duì)于漢字部分瀏覽器會(huì)先去Times New Roman中查找，沒有找到，接著再去open-sans中查找，仍然沒有找到，繼續(xù)到“幼圓”中尋找，幼圓中可以找到對(duì)應(yīng)字符則用該字體來顯示。對(duì)于英文部分可以在Times New Roman中尋找則會(huì)用該字體來顯示。
font-family中有時(shí)候字體加引號(hào)有時(shí)候不加引號(hào)。區(qū)別在于對(duì)字體名稱中空格的處理不同。不加引號(hào)時(shí)，忽略字體左右兩端的空白字符，單詞之間的空白字符被解釋為一個(gè)空白字符。比如font-family: Times New Roman , sans-serif。被解釋為font-family:Times New Roman,sans-serif。加引號(hào)時(shí)，需要保留引號(hào)內(nèi)的所有空格。比如font-family:"Times New Roman",sans-serif。瀏覽器會(huì)去尋找“Times New Roman”這個(gè)字體。
3、通用字體族
w3c建議在定義字體是最后以一個(gè)類別結(jié)尾，例如sans-serif，來保證不同操作系統(tǒng)下網(wǎng)頁都能夠正確顯示。常見的字體族為serif（襯線字體）、sans-serif（非襯線字體），可以簡(jiǎn)單理解為在所有字體都是失效的情況下，瀏覽器從字體族中選擇一種字體來顯示。
一種字體族代表了擁有某類特性的多種字體，字體族中字體的選擇完全有瀏覽器決定。設(shè)計(jì)者給出的字體應(yīng)該盡可能覆蓋所有系統(tǒng)，而不應(yīng)該依賴字體族。字體族一定要放到font-family的最后一位。
serif 襯線字體，通常是指使用末端加強(qiáng)原則的字體，通過在文字末端加入細(xì)小變化來改變小號(hào)文字的可讀性。
上述字體都是襯線字體，文字的末端使用了襯線。陳賢字體具有較高的可讀性，通常用于以大段文字作為表現(xiàn)形式的作品如報(bào)紙、書籍等。常見的襯線字體有Georgia, Garamond, Times New Roman, 中文的宋體等等。
sans-serif非襯線字體，襯線字體以外的所有字體都成為非襯線字體。非襯線字體的線條比較均勻，通常在藝術(shù)字、標(biāo)題中的使用較多。
由于非襯線字體字條比較均勻，所以在小號(hào)文字下的可讀性不如襯線字體。常見的非襯線字體有Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圓、隸書等等。
綜上所述，襯線字體適合小號(hào)文字的顯示，如果使用非襯線字體要保證font-size足夠大，以確保正文內(nèi)容的可讀性。11px下的`英文推薦使用襯線字體，對(duì)于中文，無論如何都不推薦11px下顯示。
4、@font-face
@font-face是鏈接服務(wù)器上的字體的一種方式，就像制定圖片鏈接一樣，瀏覽器會(huì)根據(jù)這條指令把對(duì)應(yīng)字體下載到本地緩存，用它去修飾文本。
�。鹤煮w名稱
�。捍酥抵傅氖悄阕远x的字體的存放路徑，可以是相對(duì)路徑也可以是絕路徑
�。捍酥抵傅氖悄阕远x的字體的格式，主要用來幫助瀏覽器識(shí)別，其值主要有以下幾種類型：truetype, opentype,Web Open Font Format， embedded-opentype, svg等
�。憾x字體相關(guān)樣式,符合該樣式設(shè)定的文本會(huì)使用該字體顯示。
truetype(.ttf)、opentype(.otf)這兩種格式在絕大多數(shù)瀏覽器上都能正常工作。Web Open Font Format(.woff)是Web字體中最佳格式，他是一個(gè)開放的TrueType/OpenType的壓縮版本，同時(shí)也支持元數(shù)據(jù)包的分離。Embedded Open Type(.eot)為IE的私有字體格式。svg(.svg)字體是基于SVG字體渲染的一種格式。下表中列出了這些格式的瀏覽器兼容性。
【字體的基本知識(shí)點(diǎn)小結(jié)】相關(guān)文章：
選擇字體基本的方法03-03
太空授課與生物的基本存在知識(shí)點(diǎn)小結(jié)03-11
高中化學(xué)基本知識(shí)點(diǎn)歸納小結(jié)12-20
英語基本句式的小結(jié)05-27
英語基本句式小結(jié)03-08
高一政治商品的基本屬性知識(shí)點(diǎn)小結(jié)07-10
長城基本知識(shí)小結(jié)09-01
英語基本句式小結(jié)參考03-07