CSS 字型系列

來源:互聯網
上載者:User
文章目錄
  • CSS 字型系列
CSS 字型系列混亂的字型命名問題

設定字型屬性是樣式表的最常見的用途之一。不過,儘管字型選擇很重要,但是目前還沒有一種辦法能確保在 Web 上一致地使用字型,因為沒有一種統一描述字型和字型的變形的方法。

例如,字型 Times、Times New Roman 和 TimesNR 可能很類似,甚至完全相同,不過使用者代理程式怎麼能知道這一點呢?創作人員可能在一個文檔中指定字型為 TimesNR,但是如果使用者機器上沒有安裝這種字型,使用者查看文檔會看到什麼呢?即使安裝了 Times New Roman,使用者代理程式也不知道這兩個字型(Times New Roman 和 TimesNR)實際上是可以互換的。如果你希望一個瀏覽器上一定採用某種字型,請別妄想了。

與文文書處理軟體相比,CSS 對字型並沒有提供更多的最終控制;比如載入你建立的一個 Microsoft Office 文檔時,其顯示可能取決於他已經安裝的字型。如果他安裝的字型與你的字型不同,那麼文檔看上去會大不相同。使用 CSS 設計的文檔也是如此。

涉及到各種繁雜的字型變形時,如粗體或斜體文本,字型命名的問題就更是混亂。大多數人都知道,斜體文本看上去很像,但是很少有人能解釋它與傾斜文本有什麼區別,甚至不知道二者之間存在區別。

Slanted 並不是斜體風格(italic-style)文本的唯一別名,例如,你可能還會看到 oblique、incline(或 inclined)、cursive 和 kursiv 等待字眼。因此,一種字型可能有一個 TimesItalic 變形,而另一種字型可能使用 GeorgiaOblique 作為變形。儘管這兩種字型實際上就相當於 Times 和 Georgia 字型的“斜體形式”,但是它們的“稱呼”有很大的不同。類似地,字型變形詞 bold、black 和 heavy 可能表示同一個意思,也可能不同。

通用字型系列

前面討論過,實際上相同的字型可能有很多不同的稱呼,不過 CSS 邁出了勇敢的一步,力圖協助使用者代理程式把這種混亂狀況理清楚。

我們所認為的“字型”可能有許多字型變形組成,分別用來描述粗體、斜體文本,等等。例如,你可能已經對字型 Times 很熟悉。不過,Times 實際上是多種變形的一個組合,包括 TimesRegular、TimesBold、TimesItalic、TimesOblique、TimesBoldItalic、TimesBoldOblique,等等。Times 的每種變形都是一個具體的字型風格(font face),而我們通常認為的 Times 是所有這些變形字型的一個組合。換句話說,Times 實際上是一個字型系列(font family),而不只是單個的字型,儘管我們大多數人都認為字型就是某一種字型。

除了各種特定字型系列外(如 Times、Verdana、Helvetica 或 Arial),CSS 還定義了 5 種通用字型系列:

Serif 字型
這些字型成比例,而且有上下短線。如果字型中的所有字元根據其不同大小有不同的寬度,則成該字元是成比例的。例如,小寫 i 和小寫 m 的寬度就不同。上下短線是每個字元筆劃末端的裝飾,比如小寫 l 頂部和底部的短線,或大寫 A 兩條腿底部的短線。Serif 字型的例子包括 Times、Georgia 和 New Century Schoolbook。
Sans-serif 字型
這些字型是成比例的,而且沒有上下短線。Sans-serif 字型的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace 字型
Monospace 字型並不是成比例的。它們通常用於類比打字機打出的文本、老式點陣印表機的輸出,甚至更老式的視頻顯示終端。採用這些字型,每個字元的寬度都必須完全相同,所以小寫 i 和小寫 m 有相同的寬度。這些字型可能有上下短線,也可能沒有。如果一個字型的字元寬度完全相同,則歸類為 Monospace 字型,而不論是否有上下短線。Monospace 字型的例子包括 Courier、Courier New 和 Andale Mono。
Cursive 字型
這些字型試圖模仿人的手寫體。通常,它們主要由曲線和 Serif 字型中沒有的筆劃裝飾組成。例如,大寫 A 再其左腿底部可能有一個小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字型的例子包括 Zapf Chancery、Author 和 Comic Sans。
Fantasy 字型
這些字型無法用任何特徵來定義,只有一點是確定的,那就是我們無法很容易地將其規划到任何一種其他的字型系列當中。這樣的字型包括 Western、Woodblock 和 Klingon。

理論上講,使用者安裝的任何字型系列都會落入到上述某種通用系列中,但實際上可能並非如此,不過例外情況(如果有的話)往往很少。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.