使用單一@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中文網其他相關文章！
