跳到內容

昭源字體線上測試

30

預設配置

自訂變化

400
0

網頁字型:基本説明

昭源字體均提供適用於網頁的網頁字型 (webfont) 版本,使用者載入相關的 CSS 檔案再在 stylesheet 指定字體即可使用。由於宋體/黑體和環方配置稍有不同,相關字體的使用指引會另闢新頁分開説明。三款字體的網頁字型的基本説明如下。

昭源字體網頁字型涵蓋整個 Big-5/HKSCS-2016 字集(日本平假/片假名在 HKSCS 字集之內因此亦有收入),其餘為《康熙字典》字頭、特殊粵語專用字等。網頁字型針對繁體中文用途,不支援簡體中文、諺文等。

網頁字型採用 Unicode-range subsetting 技術,將一套字型檔分為二百多個小檔案,並在 CSS 指明各檔案所涵蓋的字碼。瀏覽器只會在網頁有用到該字碼時才會載入相關字型檔,這個方法可以大大減低須下載字型檔案的大小。一般用字採用跟 Google Fonts 的 Noto Sans HK 相同的 subsetting 方法,非常用字/新增造字則一般按字碼順序編排。建議開發者於實際使用環境監察其下載量是否可以接受。

網頁字體以可變式字型 (Variable Font) 格式提供,只須載入一個版本即可逐級調校字重。

網頁字型提供兩種格式:WOFF2/OTF (OpenType) 和 WOFF2/TTF (TrueType)。

WOFF2/OTF 與 WOFF2/TTF 差異在於其外框曲線描邊技術不同,但這種技術差異對於字形本身的影響極微,實際上的分別其實是在作業系統或瀏覽器對於兩種字型格式的渲染方式可能會有不同,主要是有些時候 Windows 描繪 TrueType 字體可能會有較好效果。但這也會受字體粗度、色彩、網頁佈局等因素影響,何者較好有時也會滲雜主觀意願,難以一概而論。使用哪一種格式視乎使用者的需要。注意使用者只能載入其中一種格式。