CSS 字型

CSS 字型模組定義了與字型相關的屬性以及字型資源的載入方式。它允許您定義字型的樣式，例如字型族、大小和字重，以及當單個字元有多種字形變體時要使用的字形變體。

字型是包含字元視覺表示的資原始檔，它將字元程式碼對映到表示字母、數字、標點符號甚至表情符號的字形。字型家族是一組共享共同設計風格和字型屬性的字型，該組中的每個成員都以不同的方式顯示字形，其筆畫粗細、傾斜或相對寬度等屬性各不相同。字型通常表示一種字型的單一樣式，例如粗斜體 Helvetica。字型家族是完整的樣式集。在文件或設計中包含此類字型是透過為每個字型資源定義單獨的 @font-face 宣告來完成的。

CSS 字型模組的屬性、at-rule 和描述符支援下載字型的多個變體。它們還定義了用於特定字型特徵的字型檔案，以及在資源載入失敗時的備用指令。CSS 字型選擇機制描述了將給定 CSS 字型屬性集與單個字型字面匹配的過程。

CSS 字型模組還支援可變字型。與常規字型不同，常規字型中每種樣式都作為一個單獨的字型檔案實現，而可變字型可以將所有樣式包含在一個檔案中。透過使用單個 @font-face 宣告，您可以匯入包含所有樣式的可變字型。根據字型，這可能包括多種字型變體。可變字型是 OpenType 字型規範的一部分。

參考

屬性

該規範還定義了 font-width 屬性，該屬性尚未得到任何瀏覽器的支援。

At-rule 和描述符

At-rule: @font-face

描述符

CSS 字型模組還定義了 font-language-override、font-named-instance、font-width、font-size、subscript-position-override、subscript-size-override、superscript-position-override 和 superscript-size-override 描述符。目前，沒有瀏覽器支援這些功能。

At-rule: @font-feature-values

CSS 字型模組還定義了 font-display 描述符。目前，沒有瀏覽器支援此功能。

At-rule: @font-palette-values

描述符

資料型別

font-size 型別

font-family 型別

<generic-family>

font-feature-settings 型別

<feature-tag-value>

font-format 型別

<font-format>

font-stretch 型別

<font-stretch-css3>

font-tech 型別

font-variant 型別

font-variant-ligatures 型別

font-variant-numeric 型別

font-weight 型別

<font-weight-absolute>

介面

指南

學習：基礎文字和字型樣式: 這篇入門學習文章涵蓋了文字和字型樣式設定的基本原理。它涵蓋了如何使用 font 簡寫屬性設定字型字重、字型家族和樣式，以及如何對齊文字和管理行高和字間距。
學習：Web 字型: 這篇入門學習文章解釋瞭如何在網頁上使用自定義字型，以實現更多樣化和自定義的文字樣式。
OpenType 字型功能: 字型功能或變體指的是 OpenType 字型中包含的不同字形或字元樣式。這些包括連字（將“fi”或“ffl”等字元組合起來的特殊字形）、字距調整（調整特定字母形狀配對之間的間距）、分數、數字樣式以及其他一些功能。所有這些都稱為 OpenType 功能，並透過特定的屬性和低階控制屬性（font-feature-settings）在 Web 上可用。本文為您提供了在 CSS 中使用 OpenType 字型功能所需的所有知識。
可變字型: 本文將幫助您開始使用可變字型。
提高字型效能: 本文是 CSS 效能指南的一部分，討論了字型載入、僅載入所需字形以及使用 font-display 描述符定義字型顯示行為。

規範

規範
CSS 字型模組第 4 級

另見

幫助改進 MDN

瞭解如何貢獻

此頁面最後由 MDN 貢獻者在 2025 年 8 月 4 日修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題