你有没有想过设计师是如何在他们的网站上使用漂亮的自定义网页字体的?他们经常使用Typekit向WordPress添加自定义字体，Typekit是Adobe的一项服务，可以让你访问高质量的字体。在本文中，我们将向您展示如何在WordPress中添加Typekit字体来改善您的排版。
为什么使用Typekit字体?
Typekit是一种流行的基于订阅的字体服务，可以为您节省很多钱。你可以免费或按年收取固定费用，而不必为单独的字体许可证付费，这可能会非常昂贵。
Typekit库是一个超过1000种字体的庞大集合。你能在网上找到的一些最漂亮的字体可以通过Adobe的一项服务Typekit获得。
他们的基本免费计划提供了230多种字体，你可以在一个网站上免费使用2种字体。其他计划从每年49.99美元到99.99美元不等。
这些很棒的Typekit字体可以很容易地添加到任何网站，而不会减慢你的页面加载速度。这些字体是由adobe的CDN提供的，加载速度比你在自己的网站上托管字体要快得多。
Typekit for WordPress视频教程
如果你不喜欢这个视频或者需要更多的说明，那么你可以继续阅读下面的内容。
为什么在WordPress上使用自定义网页字体?
排版在你的网站设计中起着至关重要的作用。
选择合适的字体可以清楚地向读者传达你的个性和信息。无论你想要塑造什么样的形象—专业、友好、随意、经验丰富—你网站上的字体可以帮助你塑造正确的形象。
使用正确的字体，可以给人留下持久的印象。而不是看起来像其他网站在网络上，你的文字看起来明显不同。为你的WordPress网站选择合适的字体可以让你的网站从一个简单的设计变成一个美观和令人惊叹的艺术作品。
正确的自定义网页字体可以:
准备好开始使用Typekit字体了吗?下面是如何使用Typekit来定制你的WordPress设计。
如何开始使用Typekit
首先，您需要创建一个Typekit帐户。要做到这一点，只需访问Typekit.com来比较可用的计划。
您需要选择要注册的计划。免费计划将您限制在一个网站，并包括访问有限的字体。你可能想从免费计划开始试用，然后再升级。这次升级给了你一个更大的字体库，你可以在更多的网站上使用它们。
下一步是创建一个工具包。这个工具包可以让你为你的网站组合一个特定的字体和设置库，所以Typekit只加载所需的文件和代码。要创建您的工具包，添加您的网站名称和域名，然后单击继续。
在您为您的工具包填写完您的信息之后，Typekit将为您提供一些JavaScript代码来添加到您的站点。您可以将此代码复制并粘贴到文本编辑器(如Notepad)中以保存它。在本教程的下一步中，我们将把它添加到您的站点。
现在，你可以开始选择你的字体了。您可以浏览字体库并通过分类、粗细、宽度、x-height等选项进行筛选。
当你看到你喜欢的字体时，你可以点击它查看更多细节和示例。如果你想把它添加到你的web工具包中，点击右边的 web Use: add to kit 按钮。
这将弹出一个窗口，您需要将您选择的字体添加到您刚刚创建的工具包中。
现在您可以单击Publish按钮来保存更改到您的工具包。
就这些!您的字体套件现在可以使用了。
最简单的方法来添加你的新的自定义网页字体到你的WordPress博客是通过使用WordPress Typekit插件。
我们推荐使用Typekit Fonts for WordPress插件。安装并激活插件后，您可以访问Settings»Typekit Fonts来配置插件。
首先，您需要粘贴之前保存在Typekit嵌入代码字段中的JavaScript代码。之后，您可以添加CSS选择器来指定您希望在站点上使用字体的位置。
在上面的截图中，我们为h1添加了字体。CSS选择器。
你的WordPress主题可以为不同的元素使用不同的类。你需要在浏览器中使用Inspect Element工具来查找这些CSS类。你可能也想检查我们的WordPress生成的CSS初学者小抄表，以帮助你开始。
![]()
![]()
就这些!我们希望这篇文章能帮助你学习如何使用Typekit在WordPress中添加出色的排版。你可能也想看看我们关于如何在你的WordPress主题中添加谷歌网页字体的指南。
和
RSS