如何為WordPress站點添加自定義字體(3種方法)

[ad_1]

排版比大多數人都讚不絕口。您使用的字體不僅會影響您網站的演示文稿,還可以使其在其他網站中脫穎而出,使您的內容更易於閱讀。選擇與其他人相同的字體可能是一個安全的選擇,但是為WordPress添加自定義字體是值得的。

儘管WordPress包含了各種各樣的開箱即用字體選項,但仍有很多方法可以改進這些選擇。如果您知道如何在您的網站上包含自定義字體,您將能夠從數以千計的令人興奮的選項中挑選。這將使您能夠找到適合您的利基和受眾的字體。

在本文中,我們將討論自定義字體是什麼以及在哪裡可以找到一些出色的選擇。然後我們將介紹三種可用於將自定義字體上傳到WordPress的方法。我們來吧! 想要將自定義字體添加到#WordPress?以下是3種簡單的方法?️#tutorial 單擊「推文」 了解自定義字體是什麼(以及您可能想要使用它們的原因)

術語「自定義字體」非常廣泛。但是,由於我們正在談論WordPress,我們將使用它來引用任何字體 內容管理系統(CMS) 不包括開箱即用。您可以在線找到數以千計的自定義字體選項,一般來說,沒有什麼能阻止您使用其中任何一種。

但請記住 – 這個 你選擇的字體 不應該只是在美學上令人愉悅。他們還應該滿足一些額外的標準:

除了這些技術考慮因素外,字體還為您提供了表達網站風格的其他方式。它們可以成為您品牌的一部分,隨著時間的推移,用戶可能會將它們與您的網站和業務聯繫起來。因此,您需要非常仔細地考慮您的選擇。

您可以在哪裡找到WordPress網站的自定義字體

如果您現在使用任何搜索引擎快速搜索「免費字體」,您會發現有數百個頁面可供選擇:

使用谷歌搜索免費字體。

然而,問題在於,許多「免費字體」網站在策劃其選擇時並不傾向於具有高標準。你可能能找到一些珠寶,但在很多情況下,即使你正在使用2005 MySpace配置文件,它們也會充滿你不會被抓住的字體。

幸運的是,有很多優秀的字體存儲庫可以幫助管理它們的集合。我們最喜歡的是 谷歌字體,提供多種語言的900多種字體系列,所有這些都是免費的:

Google字體主頁。

另一個很好的選擇是 Adobe字體 (以前的Typekit),提供超過1,700種字體系列供您選擇。但請記住,要訪問它們,您需要一個 創意雲 訂閱(任何層都可以)。如果您是Adobe用戶,則表示您已經可以訪問整個字體集:

Adobe字體主頁。

僅這兩個來源就可以為您提供多種選擇。在選擇時,請記住,您選擇的每種字體都應該與您網站的其他部分相匹配,並且易於閱讀。一旦你找到了一些你喜歡的字體,剩下的就是將它們添加到你的網站上。

如何將自定義字體添加到WordPress網站(3種方法)

在自定義字體方面,WordPress為您提供了幾種可以實現所需選項的方法。讓我們回顧一下每個涉及的內容,這樣您就可以選擇最適合您的方法。

1.編輯主題文件

如果您不想手動將字體文件上傳到您的網站,您可以隨時從第三方存儲庫「導入」它們。例如,使用Google字體,您可以打開所需的任何字體頁面,然後單擊屏幕頂部的「選擇此字體」:

如何下載新的排版

執行此操作後,將出現一個包含兩個代碼段的新菜單。第一個應該是這樣的:

這段代碼應放在 的標籤 你的孩子主題 header.php文件。您可以在public_html / wp-content / themes目錄中的主題文件夾中找到它。

有了這一行,你就告訴WordPress導入你從谷歌字體中選擇的選項。但是,要使用它,您還需要打開子主題的樣式表,並指定哪些元素應該利用您的新字體。這是代碼應該是什麼樣子:

font-family:'Roboto',sans-serif;

請記住,您的子主題樣式表應與其header.php文件位於同一目錄中。這意味著您可以在同一個地方處理這兩項任務,並在幾分鐘內實現新字體。

2.將字體文件上傳到主題文件夾

如果你關心的話 性能優化,直接將字體文件上傳到您的網站可以讓您減少載入時間幾毫秒。當然,您首先需要的是要上傳到伺服器的字體文件:

字體文件的示例。

由於WordPress不包含專用字體文件夾,因此您需要創建一個 使用您可信賴的FTP客戶端。您可以在任何位置添加文件夾,但我們建議您將其放在主題目錄中,以便跟蹤它。立即設置,並將您的字體文件上傳到新文件夾:

在WordPress中設置專用文件夾。

文件到位後,打開子主題的樣式表。現在,您需要調用該字體,以便通過看起來像這樣的代碼段來使用它:

@ font-face {
font-family:新字體;
src:url(http://www.yourwebsite.com/wp-content/themes//fonts/your-new-font.ttf);
font-weight:normal;
}

請注意,上面的字體系列名稱和URL是佔位符,您需要使用正確的信息替換它們。

輸入此代碼後,請不要關閉主題的樣式表。您仍然需要配置哪些元素將使用新字體,其中一些代碼與我們在上一節中看到的非常相似:

.h1 site-title {
font-family:「新字體」,Arial,sans-serif;
}

在此示例中,我們將H1子標題配置為使用新字體。但是,您可以將其替換為您想要的任何其他元素,或者如果您想在多個位置使用該字體,則可以將其替換為多個元素。

3.使用插件

通常情況下,在WordPress中實現新功能的最簡單方法是安裝插件。在使用自定義字體時,有很多選擇可供選擇。

例如,如果您想使用Google字體,我們建議使用適合命名的Google字體for WordPress插件。激活此工具後,您就可以從整個Google字體目錄中選擇您的網頁和帖子,而無需向您的網站添加任何代碼:

Google字體排版Google字體排版

作者(S): 字體插件

當前版本:1.9.4

最後更新時間:2019年7月29日

olympus-google-fonts.1.9.4.zip

100個%評級 614,495Downloads WP 4.0 +要求

另一方面,如果您想使用任何字體文件而不是將自己限制在單個存儲庫中,則自定義字體是您應該查看的工具:

自定義字體自定義字體

作者(S): 頭腦風暴

當前版本:1.1.0

最後更新時間:2019年7月4日

custom-fonts.1.1.0.zip

92個%的收視 166,933Downloads WP 4.4 +要求

使用此插件,您可以直接從儀錶板上傳字體到您的網站 使用定製器 選擇何時何地使用它們。這些插件中的任何一個都可以輕鬆地為您的站點添加新的自定義字體。

結論

如果你注意網站使用的字體,你會注意到他們中的許多人堅持使用相同的幾個經過驗證的選擇。在可讀性方面,有些字體非常安全 用戶可訪問性。但是,有數千種選擇可供選擇 – 免費和付費 – 值得尋找一款既適合您網站風格又能完美契合的選項。

至於如何將自定義字體上傳到WordPress,您可以使用三種不同的方法來實現:

  1. 編輯主題的文件。
  2. 將字體文件上傳到主題文件夾。
  3. 使用WordPress自定義字體插件。

想要將自定義字體添加到#WordPress?以下是3種簡單的方法?️#tutorial 單擊「推文」

您對網站上應使用哪種類型的字體有任何疑問嗎?我們在下面的評論部分討論它們!

相關文章