按照字型名稱呼叫字型讓瀏覽器顯示你希望的字型

2022-09-22 01:21:06 字數 1629 閱讀 4080

第1個問題:你如何指示瀏覽器顯程式設計客棧示你希望的字型?僅僅在字模後面鍵入字型的名稱就行了嗎?

很可惜,事情還不是這麼簡單,字型在各個操作平台之上叫的名稱可能會有變化。 比如,courier在mac機上叫做courier new。在一台機器上可能叫italic的字型在另一台機器上可能就叫做oblique。你仔細研究

之後會發現更多的這樣的例子。

所以,我們稱呼一種字型的名稱並不一定就是計算機對這種字型的名稱。而你必須確定使你所用的字型名稱就是計算機所以的字型名稱。

那麼你怎麼確定計算機對一種字型的確切名稱是什麼呢?這取決於於計算機所用的操作平台。

•windows的使用者:使用應用軟體比如word中的字型選單中所列出的確切的字型名稱。

•mac機使用者:不要相信應用軟體給你列出的字型名稱。而應該開啟你的system folder,按照其中對字型的拼寫在你的樣式表中使用字型名稱。

字模系列

字模系列就是css中稱呼一種字型的名稱屬

性。其基本語法如下:

複製**

**如下:

h2

這裡是web瀏覽器闡釋樣式表的規則:首先在列表中尋找字型的名稱(helvetica),如果在該計算機中安裝了這種字型,就使用它。如果沒有安裝,則移向下一種字型(impact),如果這種字型也沒有安裝,則移向第3種字型(sans-serif)。sans-serif字型引數是瀏覽器可以依據的最後一種引數,它告訴瀏覽器使用任何一種預設sans-serif字型(www.cppcns.com或許就是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

•行內加入的css規則,使用單引號:

複製**

**如下:

text

goes here.

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

複製**

**如下:

h2

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

利用字模系列屬性,你可以按照字型名稱呼叫字型,而且在使用標籤時將擁有更大的靈活性。

本文標題: 按照字型名稱呼叫字型讓瀏覽器顯示你希望的字型

本文位址:

按照字型名稱呼叫字型

按照字型名稱呼叫字型 第1個問題 你如何指示瀏覽器顯示你希望的字型?僅僅在字模後面鍵入字型的名稱就行了嗎?很可惜,事情還不是這麼簡單,字型在各個操作平台之上叫的名稱可能會有變化。比如,courier在mac機上叫做courier new。在一台機器上可能叫italic的字型在另一台機器上可能就叫做o...

解決Google Chrome瀏覽器字型模糊的問題

之前使用google的chrome瀏覽器一直覺得有時候,其顯示的字型比較模糊,不管是windows xp還是windows 7都會出現要麼顯示的網頁字型模糊,要麼是chrome瀏覽器本身顯示的選單模糊,要麼是兩者都模糊。可以看一下模糊的效果 解決方法 讓選單顯示清晰我們在啟動chrome時加上 di...

怎樣讓瀏覽器載入系統不自帶的字型

有時候我們需要瀏覽器載入一些自行設計的字型,這些字型在電腦的系統中是不存在的,而且是不被瀏覽器所支援的,如果我們需要使用這種字型就需要我們將字型做成各個瀏覽器都能支援的格式,一般來說我們需要設定四種格式。這個主要應用到css3的 font face,ie4就開始支援 font face屬性。一 tu...