如何在您的 WordPress 網站上禁用 Google 字體

WPressize Me

06/23/2023

如何在您的 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 安全指南或我們的專家推薦的最佳網絡推送通知軟件。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 TwitterFacebook 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>