如何將 Google Web 字體匯入您的 CSS 檔案？

在CSS 檔案中匯入Google 網頁字體

使用對文件頭的存取受到限制的內容管理系統(CMS) 時，匯入將Google Web Fonts 直接放入CSS 檔案中就變得有必要了。以下是實現此目的的方法：

使用 @import 方法

@import 方法可讓您將外部 CSS 檔案匯入到您的 CSS 檔案中。若要匯入 Google 網頁字體，請使用以下語法：

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

將「Open Sans」替換為您所需字體的名稱。如果字體名稱有多個單詞，請透過在每個單字之間添加「 」符號來對它們進行 URL 編碼。

放置 @import 指令

確保 @import指令放置在 CSS 檔案的最頂部，位於任何樣式規則之前。

使用 Google 字體API

Google Fonts 提供了一種為字體產生 @import 指令的簡單方法。選擇您想要的字體，按一下 ( ) 圖標，然後展開「1 Family Selected」容器。

在「自訂」標籤中，選擇所需的選項。在「嵌入」標籤中，按一下「嵌入字體」下的「@import」。複製

其他注意事項

如果您有多種字體要匯入，請將它們合併到一個 @import 指令中以提高效能。

請記住在使用特定字體之前檢查 Google 的字體授權協議以確保合規性。

以上是如何將 Google Web 字體匯入您的 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！