Web字型排印

Web字型排印(英語:Web typography)是指在萬維網上使用字型。首次建立HTML時,字型和字形完全由每個Web瀏覽器的設置控制。直到1995年Netscape引入了<font>標籤,在HTML 3.2規範中標準化,單個網頁才能控制字型顯示。但是,標籤指定的字型必須安裝在用戶的電腦上,否則將使用後備字型,例如瀏覽器的預設無襯線字型等寬字型。1996年發佈的第一個CSS規範提供了相同的功能。

Web字型允許Web設計人員使用未安裝在檢視器電腦上的字型。

CSS2規範於1998年發佈,試圖透過增加字型比對、合成和下載來改進字型選擇過程。這些技術沒有得到太多的使用,並且在CSS2.1規範中被刪除。不過,Internet Explorer在1997年發佈的4.0版本中增加了對字型下載功能的支援。[1] 字型下載後來被包含在CSS3字型模組中,並且已經在Safari 3.1Opera 10Mozilla Firefox 3.5中實現。隨後,人們提高了對Web字型排印以及字型下載應用的興趣。

CSS1

在第一個CSS規範中,[2] 作者透過一系列屬性指定了字型特徵:

  • font-family
  • font-style
  • font-variant
  • font-weight
  • font-size

所有字型都是按名稱標識的。除了上面提到的屬性之外,設計師沒有辦法設置字型的樣式,也沒有任何機制可以選擇客戶端系統上不存在的字型。

Web安全字型

Web安全字型是很可能存在於各種電腦系統中的字型,並且Web內容作者使用這些字型來增加內容顯示為他們所選字型的可能性。如果網站的訪問者沒有指定的字型,他們的瀏覽器會嘗試根據作者指定的後備字型和通用族選擇類似的替代方法,或者使用訪問者作業系統中定義的字型替換。

微軟的Web核心字型

 
自從為Web程式發佈微軟核心字型以來,Arial、Georgia和Verdana已經成為三種實打實的在Web上廣泛使用的字型。

為確保所有Web用戶都擁有基本的字型集,微軟於1996年啟動了Web核心字型計劃(該計劃在2002年終止)。發佈的字型包括ArialCourier NewTimes New RomanComic SansImpactGeorgiaTrebuchetWebdingsVerdana,其EULA使這些字型可以自由分發,但也限制了一些使用權限。他們的高滲透率使他們成為網頁設計師的必備品。但是,大多數Linux發行版預設不包含這些字型。

CSS2試圖透過增加字型合成、改進的字型比對以及下載遠端字型的能力來增加Web開發人員可用的工具。[3]

一些CSS2字型屬性已從CSS2.1中刪除,後來被包含在CSS3中。[4][5]

後備字型

CSS規範允許將多種字型列為後備字型。[6] 在CSS中,font-family屬性接受用逗號分隔的字型列表,如下所示:

font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;

指定的第一個字型是首選字型。如果此字型不可用,則Web瀏覽器會嘗試使用列表中的下一個字型。如果未找到指定的字型,瀏覽器將顯示其預設字型。如果瀏覽器嘗試顯示指定字型中不存在的字元,則同樣的過程也會在每個字元上發生。

通用字型族

為了讓網頁設計師能夠控制網頁上字型的外觀,即使指定的字型不可用,CSS規範也允許使用多種通用字型族。這些系列旨在根據其外觀將字型分為幾類。它們通常被指定為一系列後備字型中的最後一個,作為作者指定的任何字型都不可用的最後手段。有五個通用系列:[6]

Sans-serif

字元上沒有裝飾性標記(或襯線)的字型。這些字型通常被認為更容易在螢幕上閱讀。[7]

Serif

字元上帶有裝飾性標記(或襯線)的字型。

Monospace

所有字元同樣寬的字型。

Cursive

類似草書書寫的字型。這些字型可能具有裝飾性外觀,但在小尺寸下很難閱讀,因此通常要謹慎使用。

Fantasy

可能包含符號或其他裝飾屬性但仍表示指定字元的字型。

參見

參考文獻

  1. ^ Garaffa, Dave. Embedded Fonts In Microsoft IE4pr2. Internet.com. 2 September 1997 [2018年11月29日]. (原始內容存檔於1998年7月8日). 
  2. ^ Cascading Style Sheets, level 1, W3C, 1996-12-17 [2018-03-18], (原始內容存檔於2009-04-01) 
  3. ^ Fonts, Cascading Style Sheets, level 2:CSS2 Specification (World Wide Web Consortium), 1998-05-12 [2009-07-28], (原始內容存檔於2019-01-17) 
  4. ^ CSS2.1 Changes —C.2.97 Chapter 15 Fonts, World Wide Web Consortium, [2010-01-30], (原始內容存檔於2017-12-28) 
  5. ^ CSS3 module: Web Fonts, World Wide Web Consortium, [2010-01-30], (原始內容存檔於2016-03-10) 
  6. ^ 6.0 6.1 CSS2 specification, Fonts (World Wide Web Consortium), [2018-03-18], (原始內容存檔於2019-05-14) 
  7. ^ Poole, Alex. Which Are More Legible: Serif or Sans Serif Typefaces?. 2005-04-07 [2017-09-27]. (原始內容存檔於2016-10-16). 

外部連結