如何使用單一 @font-face 聲明匯入多個字體粗細？

使用單一@font-face 聲明查詢多個字體粗細

依賴單一字體時，導入具有不同粗細的多個字體變體可能會很乏味@font-face 區塊。 CSS 提供了一種將這些變體組合到單一聲明中的解決方案。

實作單一@font-face 查詢

實現這一點的關鍵是特定的語法@font-face 聲明，它接受以冒號分隔的字體粗細、字體樣式和字體系列屬性清單。以下是一個範例：

@font-face {
  font-family: "Klavika";
  src: url("Klavika-Bold.otf") weight:bold, url("Klavika-Light.otf") weight:light;
}

以這種方式指定粗細、樣式和系列屬性，可以同時匯入多個字型變體。

用法範例

此方法允許使用單獨的字體粗細進行靈活的樣式設定：

h1 { font-weight:bold; font-family: Klavika; }
p { font-weight:light; font-family: Klavika; }

此外，您可以利用標準@ font-face 語法來指定其他字體屬性，例如src 和格式。

進一步閱讀

有關此功能的詳盡探索，請參閱提供的線上資源，其中提供了更詳細的說明和其他範例。

以上是如何使用單一 @font-face 聲明匯入多個字體粗細？的詳細內容。更多資訊請關注PHP中文網其他相關文章！