24h購物| | PChome| 登入
2011-05-27 11:33:56| 人氣119| 回應0 | 上一篇 | 下一篇
推薦 0 收藏 0 轉貼0 訂閱站台

5日精通CSS層疊樣式表之第二天

5日精通CSS層疊樣式表之第二天

http://www.inspirr.com

今天要學習的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>標簽時將擁有更大的靈活性。

編輯整理

台長: heyhan
人氣(119) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文