可以看到，CSS網(wǎng)頁(yè)設計允許匹配字體系列、加粗和變形，所有這些都是通過(guò)字體匹配完成的，這是一個(gè)相當復雜的過(guò)程。如果網(wǎng)頁(yè)制作人員想幫助用戶(hù)代理在顯示其文檔時(shí)做出正確的字體選擇，了解這個(gè)過(guò)程就很重要。我把這個(gè)內容留到這一章的最后才介紹，因為這對于理解字體屬性如何工作并不是必要的，有些讀者可能想跳過(guò)這個(gè)部分直接看下一章，如果你還對這個(gè)內容感興趣，下面將介紹字體匹配是如何工作的。

用戶(hù)代理創(chuàng )建（或訪(fǎng)問(wèn)）一個(gè)字體屬性數據庫。這個(gè)數據庫列出了用戶(hù)代理能訪(fǎng)問(wèn)的所有字體的各種CSS屬性。一般地，這將是機器上安裝的所有字體，雖然可能還包含另外的一些字體（例如，用戶(hù)代理可以有自己的內置字體）。如果用戶(hù)代理遇到兩種相等的字體，會(huì )把其中一個(gè)忽略。

用戶(hù)代理取得應用了字體屬性的元素，并構建一個(gè)字體屬性列表，其中列出顯示該元素的必要字體屬性?；谶@個(gè)列表，用戶(hù)代理先對顯示元素時(shí)使用的字體系列做第一個(gè)選擇。如果完全匹配,那么用戶(hù)代理就可以使用這個(gè)字體。否則，需要多做一些工作。

字體首先根據font-style進(jìn)行匹配。關(guān)鍵字italic可以與所有標有“italic”或“oblique”的字體匹配，如果沒(méi)有這樣的字體，則匹配失敗。

接下來(lái)再根據font-variant進(jìn)行匹配。未標“small-caps”的字體都認為是normal。與small-caps匹配的字體可以是標為“small-caps”的字體，也可以是允許合成small-caps風(fēng)格的字體,或者是用大寫(xiě)字母替換小寫(xiě)字母的字體。

然后根據font-weight匹配,由于網(wǎng)頁(yè)設計中處理font-weight的特殊方式，這個(gè)匹配絕不會(huì )失?。ㄟ@在本章前面已經(jīng)解釋過(guò)）。

之后再針對font-size進(jìn)行匹配。必須在某個(gè)可忍受的范圍內匹配，不過(guò)這種忍受程度要由用戶(hù)代理定義。因此，一個(gè)用戶(hù)代理可能認為錯誤不超過(guò)20%都能匹配,而另一個(gè)用戶(hù)代理則只允許指定大小與實(shí)際使用的大小之間有10%的差異。

如果在第2步中未匹配任何字體，用戶(hù)代理就會(huì )在這個(gè)字體系列中查找下一個(gè)候選的字體。如果找到了，則對該字體重復第2步。

假設找到一個(gè)通用匹配，但是其中不包含顯示給定元素所需的一切——例如，這種字體沒(méi)有版權符號——用戶(hù)代理就要回到第3步，再搜索另一個(gè)候選字體，然后再通過(guò)第2步來(lái)驗證這種字體是否匹配。

最后，如果沒(méi)有找到匹配，而且所有候選字體都已經(jīng)試過(guò)了，用戶(hù)代理就會(huì )為給定的通用字體系列選擇默認字體，盡其所能正確地顯示這個(gè)元素。

整個(gè)過(guò)程很長(cháng)，也很麻煩，不過(guò)這有助于理解用戶(hù)代理如何選擇字體。例如，你可能想指定在一個(gè)文檔中使用Times或任何其他serif字體：

body {font-family: Times, serif;}

對每個(gè)元素，用戶(hù)代理要檢查該元素中的字符，并確定Times是否能提供匹配的字符。在大多數情況下，網(wǎng)站制作人員確實(shí)能做到這一點(diǎn)而沒(méi)有任何問(wèn)題。不過(guò)，假設段落中有一個(gè)漢字字符，Times沒(méi)有與這個(gè)漢字匹配的字符，所以用戶(hù)代理必須忽略這個(gè)字符，或者查找另一個(gè)能滿(mǎn)足該元素顯示需求的字體。當然，任何西方字體都不太可能包含中文字符，不過(guò)假設存在這樣一種字體（暫且稱(chēng)之為AsiaTimes）,用戶(hù)代理顯示該元素時(shí)可以使用這個(gè)字體——或者只是在顯示這個(gè)字符時(shí)使用該字體.因此，可能整個(gè)段落用AsiaTimes顯示，或者段落中的所有內容都用Times顯示，只有那個(gè)中文字符除外，它用AsiaTimes顯示。

font-face 規則

CSS2引入了一種方法，可以通過(guò)@font-face規則對字體匹配有更多控制。在2003年春天前，所有Web瀏覽器都沒(méi)有充分實(shí)現這個(gè)規則，所以@font-face已經(jīng)從CSS2.1去除。我不打算在這上面多花功夫，因為這個(gè)規則的各個(gè)方面相當復雜，單是說(shuō)明這個(gè)規則就可能需要整個(gè)一章（甚至一本書(shū)）的篇幅才能做到。

有4種方法可以確定文檔中使用的字體。我們將簡(jiǎn)要討論這4種方法，因為CSS的將來(lái)版本可能使用這種機制，而且大多數SVG顯示器至少部分支持CSS2中描述的font-face 匹配。如果你需要實(shí)現@font-face,請參考CSS2規范，或者任何最新版本的CSS (如CSS3 web fonts模塊），下面的描述并不完備。

字體名匹配

要在網(wǎng)頁(yè)設計中匹配字體名，用戶(hù)代理會(huì )使用與所請求字體有相同系列名的一種可用字體。這種字體的外觀(guān)和度量與所請求的字體可能并不相同，這是本節前面介紹的方法。

智能字體匹配

在這種情況下，用戶(hù)代理使用外現上與所請求字體最接近的一種可用字體。這兩種字體可能并不能完全匹配，但是它們應當盡可能地接近。

用于匹配兩種字體的信息包括字體種類(lèi)（文本或符號）。是否有上下短線(xiàn)、加粗、大寫(xiě)字母高度、x-height、上升、下降、傾斜等等。例如，一個(gè)網(wǎng)站制作人員可能要求一個(gè)字體與某傾斜字體盡可能地接近，為此寫(xiě)出以下規則：

@font-face {font-style: normal; font-family:"Times"; slope:-5;}

然后由用戶(hù)代理找到一個(gè)serif normal（豎直）字體，如果Times無(wú)法滿(mǎn)足要求，將其向右傾斜5度盡可能接近傾斜字體。CSS2中還描述了字體的很多其他方面，如果用戶(hù)代理支持這些方面，所有這些都可以用于完成匹配過(guò)程。

字體合成

用戶(hù)代理也可以選擇實(shí)時(shí)地生成一個(gè)字體，使其外觀(guān)和度量與@font-face規則中指定的描述相匹配。CSS2這樣描述這個(gè)過(guò)程：

在這種情況下，用戶(hù)代理創(chuàng )建一個(gè)字體，它不僅在外現上幾乎匹配,而且與所請求字體的度量匹配。合成信息包括匹配信息，通常需要比某些匹配機制使用更準確的參數值。具體地，如果要保留指定字體的所有布局特征，合成需要準確的寬度度量和字符來(lái)完成字形和位置信息替換。

如果你對這些已經(jīng)了解，可能就不需要我再多做解釋了。如果你還不了解，也許根本不需要擔心這個(gè)問(wèn)題。

字體下載

采用這種方法，用戶(hù)代理可以在文檔中下載一個(gè)遠程字體來(lái)使用。要聲明一個(gè)下載字體，可以寫(xiě)如下規則：

@font-face {font-family:"Scarborough Fair";

src: url<http://www.ejcaniple.com/fonts/ps/scarborough.ps>;}

然后就可以在整個(gè)文檔中使用該字體了。

即使用戶(hù)代理允許字體下載，可能也要花一些時(shí)間才能獲取到字體文件（這種文件往往很大這就會(huì )延遲文檔的顯示，或者至少延遲最終輸出。

小結

盡管網(wǎng)頁(yè)設計人員不能指望文檔中一定使用某個(gè)特定的字體,不過(guò)可以很容易地指定通用字體系列。這種特殊行為得到了很好的支持，因為如果用戶(hù)代理不允許網(wǎng)頁(yè)設計人員（甚至讀者）指定字體，會(huì )很快發(fā)現這種用戶(hù)代理不受歡迎。

對于字體管理的其他方面，相應的支持程度則有所不同。往往能很好地改變字體大小，不過(guò)在這方面20世紀的用戶(hù)代理實(shí)現差別很大，有些極其簡(jiǎn)化，有些則非常正確。對網(wǎng)頁(yè)設計人員來(lái)說(shuō)，讓人困惑的往往不是以何種方式支持字體大小調整，而是他們想用的單位（點(diǎn)）在不同媒體上得到的結果可能差異很大，甚至在不同操作系統和用戶(hù)代理上也可能得到不同的結果。使用點(diǎn)作為單位有很多危險，在網(wǎng)頁(yè)設計中使用長(cháng)度單位通常不是一個(gè)好主意。百分數、em單位和ex單位往往更適合修改字體大小，因為這些單位在所有常用顯示環(huán)境中能很好地縮放。

另一個(gè)讓人困惑的方面可能是一直缺少一種機制來(lái)指定要下載并在文檔中使用的字體。這意味著(zhù)創(chuàng )作人員仍依賴(lài)于用戶(hù)可用的字體，因此，他們無(wú)法預計文本會(huì )有怎樣的外觀(guān)。

說(shuō)到為文本指定樣式，還有很多不涉及字體的方法，這是下一章要討論的內容。

[1]注1：注意，有7個(gè)絕對大小關(guān)鍵字，因為有7個(gè)字體大?。ɡ?，<font size="5">)。由于一般的默認字體大小歷來(lái)都是3，所以CSS絕對大小關(guān)鍵字中的第3個(gè)值就指示默認字體大小。因為第3個(gè)關(guān)鍵字剛好是small，所以Explorer會(huì )有這樣的行為。