如何在 WordPress 主題中手動添加 800 個 Google 字體

已發表: 2022-10-16

假設您想了解如何在 WordPress 主題中手動添加 800 個 Google字體：首先下載 Google 字體庫可以手動在 WordPress 主題中添加 800 個 Google 字體。 其次，解壓縮文件並將字體上傳到您的網絡服務器。 最後，將 CSS 代碼添加到 WordPress 主題的樣式表中。

手動將 Google 字體添加到您的有機內容是確保您的有機內容正確組織的好方法。 製作主題需要 10 分鐘。 使用 Google 字體將使您免於其他字體留下的一些雜亂的任務。 如果你沒有任何設計背景，可以考慮使用 Typekit 或@字體。 即使您不需要許可證，您也需要為您的服務器安裝和託管Web 字體。 您可以隨時通過選擇圖片底部的“快速使用”按鈕來使用 Google 字體。 代碼應在關閉之前添加。

添加代碼後，在主題目錄中添加一個新文件以指示它應該使用哪種字體。 新的更改將更新您的樣式表並為您的所有正文創建一個新的 Google 字體。 如果您的新字體未顯示，您需要知道字體的名稱，該名稱應正確拼寫，並在其後加上逗號並用單引號括起來。 安裝 Easy Google Font 插件以將整個 Google Font 目錄導入 WordPress。

如何向 WordPress 添加自定義 Google 字體？

信用：Crunchify

將自定義 Google 字體添加到 WordPress 是一個相對簡單的過程。 首先，您需要找到要在 WordPress 網站上使用的自定義 Google 字體。 有許多網站提供免費的自定義字體，例如 https://www.fontsquirrel.com/。 找到喜歡的字體後，需要將其下載到計算機上。 接下來，您需要將字體文件上傳到您的 WordPress 網站。 您可以通過轉到 WordPress 管理區域中的外觀 > 編輯器頁面來執行此操作。 在此頁面上，您需要在右側邊欄中找到樣式表（style.css）文件，然後單擊以將其選中。 打開樣式表 (style.css) 文件後，您需要向下滾動到文件底部並添加以下代碼：@font-face { font-family: 'Custom Font Name'; src: url('custom-font-url') 格式('truetype'); 請務必將“自定義字體名稱”替換為您正在使用的字體的實際名稱，並將“自定義字體網址”替換為您上傳到 WordPress 站點的字體文​​件的 URL。 添加代碼後，您需要保存更改並將更新的樣式表 (style.css) 文件上傳到您的服務器。 現在，您可以通過將“font-family”屬性指定為“自定義字體名稱”來在任何 WordPress 站點的 CSS 規則中使用自定義字體。

出於多種原因，您可以在 WordPress 網站上使用 Google 字體。 所有這些文件都可以免費使用（用於商業項目）、預託管（因此它們不會使您的服務器資源負擔過重），並且可以打印下載。 WordPress 有很多目前使用 Google 字體的網站。 在大多數情況下，您可以使用 Google 字體更輕鬆地嵌入字體。 任何包含此在線庫的 Web 項目都可以像任何其他 JS 或 CSS 腳本一樣被稱為庫。 在本教程中，我將向您展示如何自行在 WordPress 網站上設置 Google 字體。 WordPress 允許您自定義其字體。

您將在以下示例中使用 WordPress_enqueue_style() 函數演示如何執行此操作。 您可以使用主題中的排版選項開始使用剛剛添加的字體。 以下是將 Google 字體整合到您的 WordPress 網站中的另一種（較便宜）方法。 您可以通過轉到樣式選項卡來修改腳本、字體系列、字體粗細、裝飾和文本轉換屬性。 選擇字體後，您將能夠實時預覽帖子和頁面的外觀。 Roboto 是當今互聯網上使用最廣泛的字體之一。 蒙特塞拉特的存在歸功於二十世紀的印刷術。

用於 WordPress 網站的 Google 字體只是眾多可用選項中的一小部分。 為您的網站選擇合適的字體系列可能對您的讀者有利也不利。 在 WordPress 中使用 Google 字體可以幫助您快速更改網站的外觀。 Google 字體插件是最簡單的使用方式，因為它易於安裝和激活。 在大多數情況下，對比度應該很輕，不會讓讀者感到壓力，並且在大多數屏幕尺寸和類型上都應該易於閱讀。 WordPress 包含可以通過插件導入或手動設置的字體。 默認情況下，WordPress 包含瀏覽器的默認字體，可以用新的自定義字體替換。 測試幾個字體系列以找到最適合您網站的排版。

如何將自定義字體添加到 WordPress 主題？

信用： athemes.com

有幾種不同的方法可以將自定義字體添加到 WordPress 主題中。 一種方法是使用 Google 字體庫。 您可以瀏覽庫並選擇要在網站上使用的字體。 選擇字體後，您可以將代碼添加到您的 WordPress 主題中。
將自定義字體添加到 WordPress 主題的另一種方法是使用插件。 您可以使用一些不同的插件將自定義字體添加到您的網站。 安裝插件後，您可以瀏覽字體並選擇要使用的字體。
最後，您還可以通過手動將代碼添加到主題中來將自定義字體添加到 WordPress 主題中。 如果您對代碼感到滿意，您可以通過將代碼添加到您的 functions.php 文件來添加您想要使用的字體。

Easy Google 字體插件可用於將自定義字體添加到您的 WordPress 網站。 如果您選擇此選項，您將能夠在您的網站上使用各種字體。 通過使用正確的排版已經發現了許多好處。 一個簡單的網站使客戶更容易與您互動。 此外，您可以使用 CSS 屬性來調整字體的樣式和位置。 此外，WordPress 插件設置頁面允許您更改自己的字體控件。 如果您不想使用 Adob​​e 字體，您可以使用它作為替代。

使用自定義 Adob​​e 字體插件，您可以輕鬆地將這些字體合併到您的 WordPress 網站中。 安裝插件後，請轉到 Adob​​e 豐富的字體庫以找到適合您的字體（您需要註冊才能使用它）。 確定字體後，單擊它，然後查看頁面右上角以查看“添加到 Web 項目”。 通過使用字體對預覽功能，您可以快速輕鬆地查看不同字體組合的外觀。 在幾個優秀的網站上，您可以購買設計師創建的自定義字體。 例如，Font Squirrel 庫中包含一個大型字體庫和這些字體的簡單格式。 @Font-Face 的網絡字體工具包現在可供下載。

您可以在您的 WordPress 網站上使用此軟件。 購買套件後，您將需要字體和 CSS 樣式表來製作自己的 CSS 樣式表。 OpenSans-ExtraBold-web 字體需要以下 CSS。 您應該將所有字體文件保存在您選擇的目錄中以獲得最佳效果。