如何在您的 WordPress 網站上禁用 Google 字體
最後更新:2024 年 7 月 11 日,由 編輯部 | 審核人:Syed Balkhi
編輯注釋:我們通過 WPressize Me 上的合作夥伴連結賺取佣金。佣金不影響我們編輯的意見或評估。瞭解更多關於我們的編輯流程。
自從我們在2021年重新設計網站以來,我們就開始使用系統字體,而不是像Google字體這樣的第三方自訂字體。這提高了我們的頁面加載速度,為擁有較差網絡連接的讀者提供了更好的用戶體驗。您可能也希望這麼做。
此外,對於來自歐洲的網站訪客來說,使用 Google 字體也有法律上的問題。使用 Google 字體可能會使您的網站不符合 GDPR 規定,這誰都不願意看到。
在本文中,我們將展示如何在您的 WordPress 網站上禁用 Google 字體。
為什麼要在您的 WordPress 網站上禁用 Google 字體?
您為 WordPress 網站選擇的排版在其設計和品牌識別中起著重要作用。因此,許多網站所有者通過使用 Google 字體來自訂其排版。
然而,載入過多的字體會對 WordPress 性能產生負面影響。因此,我們建議您選擇兩種字體並在整個網站中使用它們。
或者,您也可以完全禁用 Google 字體,僅使用用戶計算機自帶的系統字體。這些字體看起來很棒,並且加載速度更快,特別是對於網絡連接較慢的用戶。
這就是為什麼我們在重新設計 WPressize Me 網站時決定禁用 Google 字體。我們希望即使您的網絡連接不是最佳的,也能輕鬆學習 WordPress 並提升您的在線存在。
雖然禁用 Google 字體可能不是所有商業網站或博客的最佳決定,但如果您的訪客來自網絡質量較差的地區,這是一種提供更好用戶體驗的方法。
此外,使用 Google 字體也可能存在隱私問題,使您的網站不符合 GDPR 等法律規定。禁用 Google 字體可降低您的網站違反國際隱私法的風險。
既然如此,讓我們一起看看如何在 WordPress 中禁用 Google 字體。
使用插件在 WordPress 中禁用 Google 字體
首先,您需要安裝並啟用 Disable and Remove Google Fonts 插件。詳細信息請參閱我們的逐步指南 如何安裝 WordPress 插件。
啟用後,插件將自動禁用您的主題和插件所使用的所有 Google 字體。它不需要進行配置。
現在,WordPress 將自動使用任何 Google 字體的默認字體。您應仔細檢查您的網站以確保您對現在使用的字體感到滿意。
如果您想選擇不同的字體,請參閱我們的指南 如何更改您的 WordPress 主題字體。
在 OptinMonster 中禁用 Google 字體
OptinMonster 是 WordPress 最好的線索生成插件,超過 120 萬個網站使用該軟件來增加電子郵件列表、提高銷售和獲得更多潛在客戶。
然而,默認情況下 OptinMonster 使用 Google 字體。幸運的是,禁用它們很容易。
在單個 OptinMonster 活動中禁用 Google 字體
首先,訪問 OptinMonster 網站並登錄到您的活動儀表板。之後,您需要點擊一個活動,然後點擊「編輯活動」按鈕。
這將打開 OptinMonster Campaign Builder。
接下來,您需要點擊頁腳欄左下角的「設置」圖標。
在側邊欄面板中,您需要選擇「高級」選項卡。
現在,您可以向下滾動到「顯示設置」部分並將「啟用網頁字體?」切換到關閉位置。
一旦您點擊屏幕頂部的「保存」按鈕,此活動將禁用第三方字體。
您需要為每個其他要刪除 Google 字體的活動重複這些步驟。
禁用所有 OptinMonster 活動的 Google 字體
如果您對在網站上添加 JavaScript 代碼片段感到舒適,則可以一次禁用所有 OptinMonster 活動上的 Google 字體。
要在每個活動中禁用 Google 字體,您需要在網站的 header 或 footer 中添加此片段:
document.addEventListener('om.Scripts.init', function(event) { event.detail.Scripts.enabled.fonts.googleFonts = false; });
如果要禁用所有網頁字體,包括 Google 字體和 FontAwesome,則應添加此代碼片段:
document.addEventListener('om.Scripts.init', function(event) { event.detail.Scripts.enabled.fonts = false; });
添加這些代碼片段的最簡單方法是使用 WPCode,這是 WordPress 最強大的代碼片段插件。它讓您可以輕鬆地將自訂代碼添加到網站的任何位置,而且最棒的是,它是免費的。
首先,您需要安裝並啟用 WPCode 免費插件。詳細信息請參閱我們的逐步指南 如何安裝 WordPress 插件。
啟用後,您需要轉到 Code Snippets » Headers & Footer。
只需將代碼片段粘貼到 Header 欄中,然後點擊「保存更改」按鈕。
WordPress 字體的專家指南
現在您已經知道如何禁用 Google 字體,您可能會想看看一些與 WordPress 字體相關的其他文章:
- 如何使 Google 字體隱私友好
- 如何在 WordPress 中添加自訂字體
- 如何正確地在 WordPress 主題中添加 Google 網頁字體
- 如何更改您的 WordPress 主題字體
- 如何在 WordPress 中本地托管字體以加快網站速度
- 如何輕鬆更改 WordPress 中的字體大小
- 如何更改 WordPress 中的文本顏色
- 最佳 WordPress 字體插件以提升您的設計
- 如何使用 Typekit 在 WordPress 中添加極好的排版
我們希望這篇教程幫助您了解如何禁用 Google 字體在您的 WordPress 網站上。您也可以查看我們的終極 WordPress 安全指南或我們的專家推薦的最佳網絡推送通知軟件。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。