如何在WordPress 中託管本地字體以獲得更快的網站

您想在不降低網站速度的情況下向您的網站添加第三方字體嗎？

自定義字體可以改善網站的版式和用戶體驗，但載入時間會更長。好消息是您可以在本地託管您的字體以確保您的網站始終快速。

在本文中，我們將向您展示如何在WordPress 中託管本地字體。

為什麼在WordPress 中本地託管字體？

雖然排版和自定義字體可以改善網站的整體美感，但它們確實會對您的WordPress 性能產生負面影響。例如，如果您使用的是來自Google 字體的自定義字體，那麼它們是從第三方服務載入的，這會降低您網站的速度。

幸運的是，有一種方法可以在不降低網站速度的情況下使用自定義字體。 WordPress 6.0 中引入了一個新的Webfonts API。這使您可以在本地託管字體，以便更快地載入它們。

在本地託管Google 字體的另一個原因是保持GDPR 合規性。如果您有來自歐盟的網站訪問者，這是一個重要的法律考慮因素。

當有人訪問使用谷歌字體的網站時，他們的IP 地址會在載入字體時被谷歌記錄下來。因為這是在未經他們許可的情況下進行的，歐盟現在認為這違反了隱私法規，您可能需要承擔損害賠償責任。

話雖如此，讓我們來看看如何在WordPress 中託管本地字體以獲得更快的網站。我們將介紹兩種方法，建議大多數用戶使用第一種方法。

方法1：使用插件在WordPress 中託管本地字體方法2：在WordPress 中手動託管本地字體方法1：使用插件在WordPress 中託管本地字體

您需要做的第一件事是安裝並激活OMGF（優化我的谷歌字體）插件。有關更多詳細信息，請參閱我們關於如何安裝WordPress 插件的分步指南。

OMGF 是最好的WordPress 排版插件之一。它提供了一種初學者友好的方式，通過在本地託管Google 字體來提高性能和GDPR 合規性。

激活後，您需要訪問設置»優化谷歌字體來配置插件。您應該查看「優化字體」選項卡。

請注意「優化Google 字體」標題下的聲明，您只需使用默認設置即可使用本地託管的副本自動替換您的Google 字體。

這意味著當您向下滾動設置頁面時，您需要做的就是確保「字體顯示選項」選擇了默認設置「交換（推薦）」。

您現在需要做的就是單擊頁面底部的「保存並優化」按鈕。

您會在屏幕頂部看到一條消息，內容為「優化已成功完成」。

恭喜！您的Google 字體現在託管在本地。您的網站將載入得更快，並且您已經降低了歐洲訴訟的風險。

方法2：在WordPress 中手動託管本地字體

您還可以在不使用插件的情況下在本地託管字體，方法是使用我們關於如何在WordPress 中添加自定義字體的指南中的@font-face 方法。雖然此方法需要更多工作，但它允許您在網站上使用您喜歡的任何字體。

您需要以Web 格式下載您希望使用的字體。有很多地方可以找到很棒的免費網路字體，例如Google Fonts、Typekit、FontSquirrel 等等。

如果您的字體沒有Web 格式，則可以使用FontSquirrel Webfont 生成器轉換它。

現在您需要將字體存儲在您的WordPress 託管伺服器上。您可以使用FTP 或使用主機的cPanel 文件管理器上傳文件。

您應該在主題或子主題的目錄中創建一個名為「fonts」的新文件夾並將其上傳到那裡。

上傳字體後，您需要使用自定義CSS 將字體載入到主題的樣式表中。您可以將代碼直接添加到主題的style.css 文件中，或者使用主題定製器的附加CSS 部分。

您可以使用CSS3 @font-face 規則來做到這一點，如下所示：

@font-face { 字體系列：Arvo； 來源：網址（http://example.com/wp-content/themes/twentytwentyone/fonts/Arvo-Regular.ttf）； 字體粗細：正常； }

不要忘記將字體系列和URL 替換為您自己的。

之後，您可以在主題樣式表或主題定製器的附加CSS 部分中的任何位置使用該字體。您使用的CSS 將取決於您的主題以及您希望在何處使用本地字體。這是我們演示網站的示例：

h1 { 字體系列：Arvo、Arial、sans-serif； }

如您所見，我們的標題現在使用本地託管的Arvo 字體。

我們希望本教程能幫助您了解如何在WordPress 中託管本地字體以獲得更快的網站。您可能還想了解如何增加您的博客流量，或者查看我們的必須具備WordPress 插件的列表來發展您的網站。

如果您喜歡這篇文章，請訂閱我們的YouTube 頻道以獲取WordPress 視頻教程。您還可以在Twitter 和Facebook 上找到我們。