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

本篇內(nèi)容介紹了“如何按照字體名稱調(diào)用字體讓瀏覽器顯示你希望的字體”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

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

很可惜，事情還不是這么簡(jiǎn)單，字體在各個(gè)操作平臺(tái)之上叫的名稱可能會(huì)有變化。 比如，Courier在MAC機(jī)上叫做COurier New。在一臺(tái)機(jī)器上可能叫Italic的字體在另一臺(tái)機(jī)器上可能就叫做Oblique。你仔細(xì)研究
之后會(huì)發(fā)現(xiàn)更多的這樣的例子。

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

那么你怎么確定計(jì)算機(jī)對(duì)一種字體的確切名稱是什么呢？這取決于于計(jì)算機(jī)所用的操作平臺(tái)。

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

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

代碼如下:

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

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

以下為你所用瀏覽器的實(shí)際顯示結(jié)果：

CSS font control is peachy.
你可以在列表中加入任何種字體名稱。當(dāng)你對(duì)一種字體在不同的操作平臺(tái)上的名稱沒有把握時(shí)，這樣做無疑是一種好辦法。注意：瀏覽器更傾向于認(rèn)可小寫的名稱。當(dāng)然，只用你對(duì)所有項(xiàng)目都進(jìn)行了測(cè)試，就不會(huì)有問題。

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

其它字體名稱訣竅：

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

•行內(nèi)加入的CSS規(guī)則，使用單引號(hào)：

代碼如下:

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

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

代碼如下:

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

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

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

“如何按照字體名稱調(diào)用字體讓瀏覽器顯示你希望的字體”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！