如何在不直接存取 Head 的情況下將 Google Web 字體匯入到我的 CSS 檔案中？

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

對於那些在僅允許CSS 檔案存取而不進行頭文檔操作的CMS 平台中工作的人員，導入Google網頁字體可能會帶來挑戰。幸運的是，透過 @import 方法有一個解決方案。

使用 @import 方法：

要匯入所需的字體，只需在 CSS 中使用 @import 規則即可檔案。例如：

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

請記得將「Open Sans」替換為您選擇的字體名稱。包含多個單字的 URL 需要 URL 編碼（在單字之間加上“”，如“Open Sans”）。

將 @import 放置在 CSS 的最開頭，任何規則之前。

Google Fonts 提供了產生 @import 指令的自動化流程。選擇字體並點選 ( ) 圖示後，展開左下角的「1 Family Selected」容器。調整“自訂”標籤中的選項，然後切換到“嵌入”並點擊“@import”。將樣式標籤之間的 CSS 複製到樣式表中。

以上是如何在不直接存取 Head 的情況下將 Google Web 字體匯入到我的 CSS 檔案中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！