导语：让我们面对现实吧，我们都喜欢字体合适的博客和网站。它们不仅装饰了网站，还有助于将用户吸引到您的内容中。但是，标准WordPress字体的选择是有限的，并且取决于您使用的主题。好消息是，您可以手动添加它们，也可以使用专门的插件添加。
在这里，出现了两个问题-从哪里获得WordPress的自定义字体，以及如何在您的WordPress站点上安装自定义字体。
我们来看看。
我为什么要使用自定义字体？
New Roman字体和Georgia字体被认为是网站上唯一的文本字体的日子已经一去不复返了。在过去的几年里，随着Google字体和其他字体的出现，字体空间已经完全改变了。
今天，互联网上有数以百计的免费字体、信息和培训辅助工具，以及专为设计而设计的资源。与Adobe Illustrator、Photoshop和其它经典应用程序不同，默认情况下，WordPress不会让您完全控制字体。只有一些主题选择支持和使用自定义字体。
因此，在这篇文章中，你将学习如何找到合适的自定义字体，以及如何在你的WordPress站点中使用它们。
使用自定义字体的重要性
你会问，为什么要改变字体、单词之间的缩进、行距、字母间距或字体饱和度？尽管如此，一些研究证明排版可以提高阅读理解能力。
这在很大程度上取决于字体的结构。在有意识和潜意识的层面上-每个人都通过设计来评估网页的内容。
字体设计会影响读者，即使他们没有注意到它。抛弃字体设计就意味着抛弃发展本身！读者的情绪取决于它。字体要么让阅读变得更容易，要么迫使用户离开页面。
所有Web浏览器都包括一组默认字体。这意味着如果未在页面的CSS中指定字体，则将使用标准版本。您可以始终使用默认字体，但它们会使用户的工作变得复杂。这就是使用自定义字体非常重要的原因。如果您的主题没有为您提供更改字体的选项，许多网站和工具可以提供帮助。
Google字体替代方案
你们中的许多人都知道免费的Google字体。还有更多的站点可以让你找到漂亮的字体。其中一些是免费供个人使用的。如果你需要商业用途，那么你需要许可证。Google字体和Adobe Edge字体是免费的。这就是为什么它们并不是那么独特的原因。这不适合我们。
以下是查找免费和商用字体的其他一些资源：
- TemplateMonster-在TemplateMonster市场网站上，你可以找到你需要的所有网页设计。也有许多个人使用的字体和字体包，价格很低。此外，它们还在一个Web开发工具包中展示。这些藏品非常庞大，而且很有创意。为了帮助您选择，宣传册或框架上显示的所有字体。每种字体都有商业许可证。
- MyFonts-MyFonts目前提供世界上最多的字体选择。然而，这里的价格也在较高的部分。所以，如果你预算紧张，可能不适合你。
- FontSpring-FontSpring出售用于商业用途的花哨字体。但几乎在任何字体家族中，都有1-2种可供个人使用的免费字体。此外，还有一个单独的部分，提供免费字体。但在下载之前，您必须仔细研究特定字体的许可信息。
- CuFonts-它也是不同字体的广泛集合。选择Any，您将看到一个页面，其中包含有关它的详细信息。有很多免费的字体，它们被分成单独的部分。CufonFonts上的排序系统相当灵活和方便。此外，还包括对Webfont的支持。
- Dafont-另一个包含3500种免费字体的可访问集合。它们中的大多数都是专为个人使用而设计的。达丰有一个很好的功能，那就是分类系统。您可以选择漫画、视频游戏、复古或日文字符样式的字体。
字体的选择非常诱人，因为它们都很漂亮。但是你不应该选择太多。在网站上使用的字体不能超过两种。那么你网站的外观就会是一致的。一旦你选择了你的字体，一定要下载你将要使用的每种风格的文件(普通、粗体、斜体等)。
现在您已经为站点选择了合适的字体，让我们了解如何添加它。
如何向WordPress添加自定义字体
有几种方法可以将字体添加到WordPress站点：
- 插件：在这种情况下，使用不同的WordPress插件来简化该过程。
- 手动：使用此方法，您需要将下载的字体上传到站点并编辑CSS文件。
- 主题：许多流行的主题都包含自定义字体的内置选项(请注意，我们不会介绍此选项，因为流程将根据您使用的主题而有所不同。
选项1-使用插件更改WordPress字体
如果我们不关心全局更改，我们可以安装WordPress插件来更改您网站上的字体。
自定义字体插件的特点
开源软件对社区的利益有好处，而WordPress也有这个优势。几个WordPress插件允许您添加自定义字体。这么多插件如何选择合适的插件呢？自定义字体插件有哪些功能？
以下是需要考虑的几点：
- 能够使用自定义字体。
- 能够使用多种字体。
- 目标标头和组件。
- 额外之处：能够在可视化编辑器中更改字体设置。
就这样。清单上的第一个功能非常重要。你总是可以从Dafont、Font Squirrel等网站下载字体，但你需要能够将它们上传到WordPress。
让我们来看看几个WordPress插件，它们可以让你上传自定义字体。
Custom Font Uploader
此插件允许您下载Google字体并将其应用于博客的各种元素。例如，添加到文章或页面的标题或正文。
Use Any Font
这是一个WordPress插件，给你一个方便的界面来下载字体，并通过可视化编辑器直接使用它们。WordPress可视化编辑器可以自动更改任何文本的字体。该插件提供了几个功能，使得添加自定义字体的过程更易于管理。
WP Google Fonts
WP Google Fonts允许您使用Google字体目录。这个插件的一个惊人的好处是增加了近1000种Google字体。虽然你可以手动将谷歌字体排入队列，但对于大多数用户来说，使用插件要容易得多。
如何用插件安装字体？
让我们以WP Google Fonts为例。只需从WordPress官方资源库安装此插件，然后打开Google字体部分即可。
您将在此处看到一个Google字体控制面板。选择字体并更改各种设置，如字体样式、应用字体样式的元素等。
选项2-手动安装WordPress自定义字体
通过@font-face指令，您可以将一种或几种字体连接到您的站点。但是这种方法有它的优点和缺点。
优点：
- 通过CSS，您可以连接任何格式的字体：TTF、OTF、WOFF、SVG。
- 字体文件将位于您的服务器上-您将不依赖第三方服务。
缺点：
- 为使每种样式的字体连接正确，您需要注册单独的代码。
- 如果不了解CSS，您很容易感到困惑。
但是，如果您可以简单地复制完成的代码，并且需要在哪里指定值，那么这并不是一个真正的问题。
注意：在开始之前，请确保为您的站点创建子主题。这样，您可以对子主题进行所有编辑，使您的核心主题保持得体，以便将来可以根据需要轻松更新它。
步骤1：创建“fonts”文件夹
在您的子主题中，在以下位置创建一个新的“fonts”文件夹：wp-content/themes/your-child-theme/fonts。
步骤2.将下载的字体文件上传到您的网站
这可以通过主机的控制面板或通过FTP来完成。
将所有字体文件添加到新添加的Fonts文件夹：wp-content/themes/your-child-theme/fonts。
步骤3.通过子主题样式表导入字体
打开子主题的style.css文件，并将以下代码添加到CSS文件的开头(在子主题注释之后)：
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont.eot');
src: url('fonts/WebFont.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont.woff') format('woff'),
url('fonts/WebFont.ttf') format('truetype'),
url('fonts/WebFont.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: normal;
}
其中MyWebFont是字体的名称，src属性的值(括号中的数据用引号引起来)是它们的位置(相对链接)。我们需要分别指定每种样式。
因为我们首先连接Normal样式，所以我们将字体粗细和字体样式属性设置为Normal。
步骤4.添加斜体时，请写下以下内容：
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic.eot');
src: url('fonts/WebFont-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic.woff') format('woff'),
url('fonts/WebFont-Italic.ttf') format('truetype'),
url('fonts/WebFont-Italic.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: italic;
}
在所有内容都相同的情况下，只有我们将字体样式属性附加到斜体。
步骤5.要添加粗体，请添加以下代码：
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Bold.eot');
src: url('fonts/WebFont-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Bold.woff') format('woff'),
url('fonts/WebFont-Bold.ttf') format('truetype'),
url('fonts/WebFont-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: normal;
}
其中我们将font-weight属性设置为粗体。
记住为每种样式指明字体文件的正确位置。
步骤6.要连接粗体斜体，请键入以下内容：
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic-Bold.eot');
src: url('fonts/WebFont-Italic-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic-Bold.woff') format('woff'),
url('fonts/WebFont-Italic-Bold.ttf') format('truetype'),
url('fonts/WebFont-Italic-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: italic;
}
好了，这就是所有的内容，现在您已经将四种字体样式连接到您的网站。
但有一点值得注意–该字体连接在Internet Explorer8中将不能正确显示。令人欣慰的是，仍在使用IE8的人非常少。
正在为WordPress包装自定义字体
当用户访问您的站点时，他们首先注意到的是什么？对，它的设计！大部分设计都依赖于漂亮字体的正确使用。所以你必须注意你网站的字体设计。添加代码或使用上述插件之一嵌入新字体样式。你选择哪条路由你决定。
确保您在同一站点上使用的字体不超过两种。因为您向站点添加的自定义字体越多，站点的速度就越慢。
这就是全部，请随意评论。
我们也很高兴听到您选择哪个选项来为您的网站添加自定义字体，以及您在哪里找到您的字体。
