如何按照字體名稱調用字體讓瀏覽器顯示你希望的字體

本篇內容介紹了“如何按照字體名稱調用字體讓瀏覽器顯示你希望的字體”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

第1個問題：你如何指示瀏覽器顯示你希望的字體?僅僅在字模后面鍵入字體的名稱就行了嗎？

很可惜，事情還不是這么簡單，字體在各個操作平臺之上叫的名稱可能會有變化。 比如，Courier在MAC機上叫做COurier New。在一臺機器上可能叫Italic的字體在另一臺機器上可能就叫做Oblique。你仔細研究
之后會發現更多的這樣的例子。

所以，我們稱呼一種字體的名稱并不一定就是計算機對這種字體的名稱。而你必須確定使你所用的字體名稱就是計算機所以的字體名稱。

那么你怎么確定計算機對一種字體的確切名稱是什么呢？這取決于于計算機所用的操作平臺。

•Windows的用戶：使用應用軟件比如word中的字體菜單中所列出的確切的字體名稱。
•Mac機用戶：不要相信應用軟件給你列出的字體名稱。而應該打開你的system folder，按照其中對字體的拼寫在你的樣式表中使用字體名稱。
字模系列

字模系列就是CSS中稱呼一種字體的名稱屬
性。其基本語法如下：

代碼如下:

H2 { font-family: helvetica,
impact, sans-serif }

這里是Web瀏覽器闡釋樣式表的規則：首先在列表中尋找字體的名稱（helvetica），如果在該計算機中安裝了這種字體，就使用它。如果沒有安裝，則移向下一種字體（impact），如果這種字體也沒有安裝，則移向第3種字體（sans-serif）。sans-serif字體參數是瀏覽器可以依據的最后一種參數，它告訴瀏覽器使用任何一種缺省sans-serif字體（或許就是Arial）。

以下為你所用瀏覽器的實際顯示結果：

CSS font control is peachy.
你可以在列表中加入任何種字體名稱。當你對一種字體在不同的操作平臺上的名稱沒有把握時，這樣做無疑是一種好辦法。注意：瀏覽器更傾向于認可小寫的名稱。當然，只用你對所有項目都進行了測試，就不會有問題。

每次將一種generic字體作為最后的選項列在字體列表中是一種很好的做法。你可以選擇以下幾種：
•serif (也可能是 Times)
•sans-serif (也可能是 Arial或者 Helvetica)
•cursive (也可能是 Comic Sans)
•fantasy (也可能是 Ransom)
•monospace (也可能是 Courier)
（注意：Netsacpe Communicator不支持Cursive或者fantasy）

其它字體名稱訣竅：

•如果一種字體的名稱不只一個單詞，如Gill Sans，在你的CSS代碼中用引號包含該字體的名稱。
BODY { font-family: "gill sans", "new baskerville", serif }

•行內加入的CSS規則，使用單引號：

代碼如下:

<P STYLE="font-family:
'gill sans', 'new
baskerville', serif">Text
goes here.</P>

&bull;如果你將CSS規則的說明組合在一起，而其中又包含字模系列，將字模系列列在最后，例：

代碼如下:

H2 { color: red; margin:
10px; font-family: times,
serif }

&bull;有時候，如果字模系列沒有列在最后一條，IE 3 會忽略整個一條CSS規則，很莫名其妙，但卻是真的。

利用字模系列屬性，你可以按照字體名稱調用字體，而且在使用<FONT FACE>標簽時將擁有更大的靈活性。

“如何按照字體名稱調用字體讓瀏覽器顯示你希望的字體”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！