5日精通CSS層疊樣式表之第二天
5日精通CSS層疊樣式表之第二天
今天要學習的CSS特點包括:
字模系列
字號
字重
字體風格
字體參數
文字變形
文字修飾
字體
2.2 按照字體名稱調用字體
第1個問題:你如何指示瀏覽器顯示你希望的字體?僅僅在字模后面鍵入字體的名稱就行了嗎?
很可惜,事情還不是這么簡單,字體在各個操作平臺之上叫的名稱可能會有變化。比如,Courier在MAC機上叫做COurier New。在一臺機器上可能叫Italic的字體在另一臺機器上可能就叫做Oblique。你仔細研究之后會發現更多的這樣的例子。
所以,我們稱呼一種字體的名稱并不一定就是計算機對這種字體的名稱。而你必須確定使你所用的字體名稱就是計算機所以的字體名稱。
那么你怎么確定計算機對一種字體的確切名稱是什么呢?這取決于于計算機所用的操作平臺。
Windows的用戶:使用應用軟件比如word中的字體菜單中所列出的確切的字體名稱。
Mac機用戶:不要相信應用軟件給你列出的字體名稱。而應該打開你的system folder,按照其中對字體的拼寫在你的樣式表中使用字體名稱。
字模系列
字模系列就是CSS中稱呼一種字體的名稱屬
性。其基本語法如下:
H2 { font-family: helvetica,
impact, sans-serif }
這里是Web瀏覽器闡釋樣式表的規則:首先在列表中尋找字體的名稱,如果在該計算機中安裝了這種字體,就使用它。如果沒有安裝,則移向下一種字體,如果這種字體也沒有安裝,則移向第3種字體。sans-serif字體參數是瀏覽器可以依據的最后一種參數,它告訴瀏覽器使用任何一種缺省sans-serif字體。
以下為你所用瀏覽器的實際顯示結果:
CSS font control is peachy.
你可以在列表中加入任何種字體名稱。當你對一種字體在不同的操作平臺上的名稱沒有把握時,這樣做無疑是一種好辦法。注意:瀏覽器更傾向于認可小寫的名稱。當然,只用你對所有項目都進行了測試,就不會有問題。
每次將一種generic字體作為最后的選項列在字體列表中是一種很好的做法。你可以選擇以下幾種:
serif sans-serif cursive fantasy monospace
其它字體名稱訣竅:
如果一種字體的名稱不只一個單詞,如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>標簽時將擁有更大的靈活性。
編輯整理