.jpg)
您是否想知道設(shè)計(jì)師如何能夠在他們的網(wǎng)站上使用漂亮的自定義網(wǎng)頁字體？他們通常使用 typekit 向 wordpress 添加自定義字體，typekit 是一項(xiàng) adob??e 服務(wù)，可讓您訪問高質(zhì)量字體。在本文中，我們將向您展示如何在 WordPress 中添加 typekit 字體以改進(jìn)您的排版。
為什么使用 Typekit 字體？
Typekit 是一種流行的基于訂閱的字體服務(wù)，可以為您節(jié)省很多錢。您無需支付可能非常昂貴的單個(gè)字體許可證費(fèi)用，而是可以免費(fèi)或按年費(fèi)率訪問其包含數(shù)百種字體的整個(gè)庫。
Typekit 庫是一個(gè)包含 1,000 多種字體的龐大集合。您可以通過 Adob??e 服務(wù) Typekit 獲得一些在網(wǎng)絡(luò)上找到的最漂亮的字體。
他們的基本免費(fèi)計(jì)劃可以訪問 230 多種字體，您可以在一個(gè)網(wǎng)站上免費(fèi)使用 2 種字體系列。其他計(jì)劃的起價(jià)為每年 49.99 美元至 99.99 美元。
這些很棒的 Typekit 字體可以輕松添加到任何網(wǎng)站，而不會(huì)降低頁面加載速度。這些字體由 Adob??e 的 CDN 提供，加載速度比您在自己的網(wǎng)站上托管它們要快得多。
適用于 WordPress 的 Typekit 視頻教程
https://www.youtube.com/embed/htGdt2KAfdA?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent訂閱 WPBeginner
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com
如果您不喜歡該視頻或需要更多說明，可以繼續(xù)閱讀下面的內(nèi)容。
為什么在 WordPress 上使用自定義網(wǎng)頁字體？
版式在網(wǎng)站設(shè)計(jì)中起著至關(guān)重要的作用。
選擇正確的字體將清楚地向讀者傳達(dá)您的個(gè)性和信息。無論您想描繪什么樣的形象——專業(yè)、友好、休閑、經(jīng)驗(yàn)豐富——網(wǎng)站上的字體都可以幫助塑造正確的形象。
通過使用正確的字體集，您可以留下持久的印象。您的文本看起來與網(wǎng)絡(luò)上的其他網(wǎng)站不同，但看起來明顯不同。為您的 WordPress 網(wǎng)站選擇合適的字體可以使您的網(wǎng)站從簡(jiǎn)單的設(shè)計(jì)變成美觀且令人驚嘆的藝術(shù)品。
正確的自定義網(wǎng)頁字體可以：
- 提高轉(zhuǎn)化率
- 降低網(wǎng)站的跳出率
- 增加您網(wǎng)站上花費(fèi)的時(shí)間
- 為用戶創(chuàng)造難忘的體驗(yàn)
準(zhǔn)備好開始使用 Typekit 字體了嗎？以下是如何使用 Typekit 自定義您的 WordPress 設(shè)計(jì)。
如何開始使用 Typekit
首先，您需要?jiǎng)?chuàng)建一個(gè) Typekit 帳戶。為此，只需訪問Typekit.com?來比較可用的計(jì)劃。
您需要選擇要注冊(cè)的計(jì)劃。免費(fèi)計(jì)劃將您限制在一個(gè)網(wǎng)站上，并包括對(duì)有限字體的訪問。您可能想開始使用免費(fèi)計(jì)劃來試用，然后再升級(jí)。升級(jí)為您提供了更大的字體庫，您可以在更多網(wǎng)站上使用它們。
下一步是創(chuàng)建一個(gè)套件。該工具包可讓您為您的網(wǎng)站整合特定的字體和設(shè)置庫，因此 Typekit 僅加載所需的文件和代碼。要?jiǎng)?chuàng)建您的工具包，請(qǐng)?zhí)砑幽恼军c(diǎn)名稱和域名，然后單擊?繼續(xù)。
填寫完工具包的信息后，Typekit 將為您提供一些 JavaScript 代碼以添加到您的網(wǎng)站。您可以將此代碼復(fù)制并粘貼到記事本等文本編輯器中以暫時(shí)保存。我們將在本教程的下一步中將其添加到您的網(wǎng)站。
現(xiàn)在，您可以開始選擇字體。您可以瀏覽字體庫并按分類、粗細(xì)、寬度、x 高度等選項(xiàng)進(jìn)行過濾。
當(dāng)您看到喜歡的字體時(shí)，可以單擊它以獲取更多詳細(xì)信息和示例。如果您想將其添加到您的 Web 工具包中，請(qǐng)單擊?右側(cè)的“Web 使用：添加到工具包”按鈕。
這將彈出一個(gè)彈出窗口，您需要在其中將選擇的字體添加到剛剛創(chuàng)建的套件中。
現(xiàn)在您可以單擊?“發(fā)布”按鈕將更改保存到您的套件中。
就這樣！您的字體套件現(xiàn)在可以使用了。
在 WordPress 中添加 Typekit 字體
將新的自定義 Web 字體添加到WordPress 博客的最簡(jiǎn)單方法是使用 WordPress Typekit 插件。
我們推薦Typekit Fonts for wordpress插件。安裝并激活插件后，您可以訪問設(shè)置?Typekit Fonts來配置插件。
首先，您需要將之前保存的 JavaScript 代碼粘貼到 Typekit 嵌入代碼字段中。之后，您可以添加css 選擇器?來指定要在網(wǎng)站上的何處使用該字體。
在上面的屏幕截圖中，我們將字體添加到?h1.site-titleCSS 選擇器中。
您的 WordPress 主題可能對(duì)不同的元素使用不同的類。您需要使用 Web 瀏覽器中的檢查元素工具來找出這些 CSS 類。您可能還想查看我們的?WordPress 為初學(xué)者生成的 CSS 備忘單，以幫助您入門。
就這樣！我們希望本文能幫助您了解如何使用 Typekit 在 WordPress 中添加出色的排版。您可能還想查看我們的指南，了解如何在 WordPress 主題中添加 Google 網(wǎng)絡(luò)字體。
.png)
