DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 按照字體名稱調用字體讓浏覽器顯示你希望的字體
按照字體名稱調用字體讓浏覽器顯示你希望的字體
編輯:前端技巧     
第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>

•如果你將CSS規則的說明組合在一起,而其中又包含字模系列,將字模系列列在最後,例:

復制代碼代碼如下:
H2 { color: red; margin:
10px; font-family: times,
serif }

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

利用字模系列屬性,你可以按照字體名稱調用字體,而且在使用<FONT FACE>標簽時將擁有更大的靈活性。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved