2.2 按照字體名稱調(diào)用字體

2018-11-06 17:58 更新
2.2 按照字體名稱調(diào)用字體




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

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

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

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

  • Windows的用戶:使用應(yīng)用軟件比如word中的字體菜單中所列出的確切的字體名稱。

  • Mac機(jī)用戶:不要相信應(yīng)用軟件給你列出的字體名稱。而應(yīng)該打開你的system folder,按照其中對字體的拼寫在你的樣式表中使用字體名稱。


字模系列

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

    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.


如果你的瀏覽器不支持CSS屬性,請點(diǎn)擊這里查看其顯示效果。

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

每次將一種generic字體作為最后的選項(xiàng)列在字體列表中是一種很好的做法。你可以選擇以下幾種:

  • serif (也可能是 Times)

  • sans-serif (也可能是 Arial或者 Helvetica)

  • cursive (也可能是 Comic Sans)

  • fantasy (也可能是 Ransom)

  • monospace (也可能是 Courier)


(注意:Netsacpe Communicator不支持Cursive或者fantasy)

其它字體名稱訣竅:

  • 如果一種字體的名稱不只一個(gè)單詞,如Gill Sans,在你的CSS代碼中用引號包含該字體的名稱。

BODY { font-family: "gill sans", "new baskerville", 
serif }


  • 行內(nèi)加入的CSS規(guī)則,使用單引號:

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


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

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


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


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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號