跳至內容

字體家族

出自Taiwan Tongues 台語維基
這是此頁批准,以及是最近的修訂。

字型網頁頂懸的字型設定,指定的是字型家族(英語:font family,也譯字族), 對應排印學中的字型概念。一个字型的家族包含真濟字型(嘛叫做字模;通用英語稱 font,CSS 稱 font face), 字型之間以字重(粗幼)、 風格(正敧體)等設定區分開來。字型設定予定的是幾个字族的列表,瀏覽器會照順序來試驗使用並配合其他設定揣出對應的字型,較用顯示抑是列印。

文字的「字族」一般是通過層疊樣的 ` font-family ` 屬性指定,猶毋過佇 ( X ) HTML 另外會使用已經淘汰的 ` < font > . . . < / font > ` 元素。佇咧兩種系統內底,指定字族的攏是一套由樂分開的列表。除了真正存在的字族,嘛會當使用通用字族指定某一大類的字型。一般攏建議咧請求的字型列表末尾加入一个通用字族,以關照無安裝對應字型的使用者。

若以 CSS 套用的字型名稱當中有空格,應該是會當引號(半形)括起。

字族佮字型

無論是佇東方抑是西方的資訊系統,攏有相濫的彼个字型(字族)佮字型(字模)的歷史,` < font > . . . < / font > ` 元素的非標準「字族」選項叫做意為「字型」的 ` face ` 正是一大例證。啊若佇咧 CSS 中兩个三不五時,基本上是因為字型檔 àn-nāi 含元資料無共內建的字型標準做某字型一員,是予每一个字型分立一个字型。按呢做又閣是因為較老的編輯器中字型選擇往往干焦會當選擇四種字型(粗體開關、趨趨仔開關), 字型的作者閣想欲予遮的編輯器會當揣著所有的字型。

所以,佇較老的頁面內底,經常在會看著諸如 ` font-family :'Gill Sans Extrabold','Heisei Mincho W 九'` 此類直接指定字型名稱的寫法;相應語意正確但無一定會當去予人辨識的寫法是 ` font-family :'Gill Sans','Heisei Mincho'; font-weight : 九百 `。CSS 二和 CSS 三的標準中毋捌對這款的錯誤用法進行過捾及,這本來嘛非瀏覽器抑是網頁書寫者應該負責的錯誤。

通用字族

字族選擇會當使用「通用字族」(generic font family)指定某一大類的字型,另外選擇成佗一个則是著決定使用者佮系統的設定。比如講伊,佇咧 Microsoft Windows 使用預設定的 Firefox,會將 serif 以 Times New Roman 顯示,並將 sans-serif 以 Arial 顯示。

袂少瀏覽器允准使用者修改通用字族對應的字族。通常干焦 Serif(襯線體)、 Sans-serif(無襯線體)和 Monospace(等距)三種提供設定;足少數的瀏覽器(如 Konqueror)無定著修改 Cursive(手寫體)。

通用字族佮字型換(font substitution)是兩个無仝的概念。前者替換的是兩交稜兩可的名稱,啊若後者是共有名的幾个字型換做 sài-sù 相容的代替品。前者是由瀏覽器處理,若尾者一般是對作業系統來處理。Windows 預設揣無 Helvetica 時用 Arial 頂替,揣無的 Times 用 Times New Roman 頂替,攏是字型置換的表現。

下表為幾个通用字族的範例。

中文字型

中文字型佮通用字族的對應狀況為(會當對照上表確認顯示效果):

  • sans-serif:目前攏正確對應甲烏體起來。過去簡體中文版 Windows 有共其對應到相伨線體的中易宋體的問題,猶毋過佇 Windows 八中已經修正。
  • serif:一直以來攏正確對應著明體/宋體。
  • cursive:一般對應為楷書,猶毋過佇 Windows 上設定的狀況暫時不明。
  • fantasy:中文另類體佇咧作業系統頂懸無預裝,就按呢無對應。
  • Fangsong:是專門來對應仿宋體的類別,但這个瀏覽器支援猶無完全。

過去的作業系統佮網頁瀏覽器攏由西方主導開發,欠缺配合中文字型的設定,需要手動指定字型列表。下表示範閣過去按怎以目標使用者電腦預設內建的字型顯示欲愛的結果,比如講楷書佇咧 Microsoft Windows 是標楷體、中易楷體,佇咧 Mac 是 BiauKai,佇咧 Linux 是 UKai;明體/宋體佇咧 Microsoft Windows 是新細明體、中易宋體,佇咧 Linux 是 UMing;烏體佇咧 Microsoft Windows 是微軟正烏體、軟雅烏體、中易烏體,佇咧 Linux 是文泉驛正烏、文泉驛微米烏、思源烏體等等。

若通用字族會當正確來對應,按呢就無應該指定列表。手動指定列表的一大問題佇咧其費時了力:定表者需要研究真濟作業系統的預裝字型狀況,才會當得著一个本屬「通用」範圍的字型列表,閣會當有予系統更新干擾的可能。

另見

  • 網頁核心字型
  • 字型列表
  • HTML 元素
  • 網頁字型

注釋