字体管理器
在本文中,我们将讨论字体管理器以及在构建或管理网站时如何使用它。
什么是字体管理器
字体管理器允许您为网站上使用的字体指定名称。这意味着你可以在别名下切换字体,它会立即在站点范围内更新,节省你来回编辑单个字体的时间。
字体管理器的美妙之处在于,如果你想要返回并调整你网站的字体,你可以在字体管理器的一个位置更新它,它将自动反映在你的整个网站!这是一个非常强大的工具,对于大型的构建,甚至是较小的站点,都应该充分利用它。想象一下,如果你有一个充满元素的长登录页面。很容易想象你可能会在你的设计中一遍又一遍地调用相同的字体……可能上百次吧。要记住的一件事是,来自谷歌fonts或Adobe fonts等服务的托管字体会为您的网站增加重量,所以在使用这些字体时,请确保您的选择尽量少,而不是使用Georgia、Helvetica等系统字体。
何时使用字体管理器
字体管理器作为一个抽象层,可以在整个基石中轻松分配和更新字体。例如,假设你设计了一些页面,它们使用了一些非常特定的字体。也许在您的站点中,从段落到标题到按钮等都有几十个甚至上百个这样的字体实例。现在,假设您决定在这数百个实例中使用的其中一个字体需要更新。如果没有字体管理器,你将需要重新访问每个元素并更新字体…一个接一个……上百次了。在字体管理器中,你可以用你认为合适的方式给字体贴上标签。“Body Copy”),并指定该标记字体。如果你需要返回并更新字体,你可以在字体管理器中简单地更新它一次,它将改变整个网站中该字体的所有分配。
如何登录字体管理器
- 去X / Pro在WordPress管理员中,通过选择任何构建器(内容,页眉,页脚等)启动基石。或者,使用你的网站前端的WordPress管理栏启动一个构建器。
- 单击导航图标(☰)。
- 选择字体在主导航下拉菜单中。
如何设置字体管理器
一旦你点击字体菜单项,你将在字体管理器子菜单中看到以下内容:

字体管理子菜单分为五个不同的部分,允许您管理整个网站的字体:
- 谷歌/系统字体:添加别名并为主题分配字体。
- 谷歌子集:如果需要,添加谷歌字体子集。
- Adobe的字体:如果您想为您的网站字体使用该服务,请将您的网站与您的Adobe Fonts帐户连接。金宝搏体育官方网站
- 自定义字体:上传自定义网页字体到你的网站(例如。woff文件)。
- 字体显示:管理字体如何加载到浏览器中以及何时应该显示它们。
谷歌/系统字体
利用谷歌字体或系统字体为您的设计,您将从最顶部的第一部分开始。如果还没有添加第一个字体,请单击添加新按钮,您将看到以下内容:

在这个可排序列表中添加的每一项表示一个字体的家庭。您可以按照您喜欢的方式重命名这些项目,但我们通常发现最好使用更通用的名称,如”广告正文”或”标题复制”而不是实际使用的字体族。为了与这个例子保持一致,如果你想在你的设计中添加两种字体,你可以像下面这样做:

请注意,对于添加的每个字体族,在可排序项中,您将选择实际使用的字体族和所需的字体字体的重量离开那个家庭。您在这里指定的系列和权重将在后面的设计过程中使用。设置好字体系列和权重后,请确保单击保存按钮。
谷歌子集
如果您正在使用英语以外的语言,并且需要为您的设计使用某些符号和图形(并且使用谷歌字体),那么您可以在这里指定所需的子集。

记得点击保存按钮,如果您已添加任何谷歌字体子集到您的设计。
Adobe的字体
如果您使用的是高级服务Adobe的字体,您可以在这里链接您的设计字体项目。为此,请转到您的Adobe Fonts帐户,找到您希望使用的项目,金宝搏体育官方网站并在下面的输入中输入项目ID。一旦你输入项目ID并刷新子菜单,你应该会看到一个表格,上面显示了你在设计中使用的字体:

添加项目ID后,请确保单击保存按钮。
自定义字体
如果您从在线代工厂购买了自定义字体文件,您也可以上传这些文件在生成器中使用。要开始,请单击添加新在自定义字体部分,你会看到一个类似于上面谷歌/ System Fonts部分的排序:

在可排序句柄中按您想要的方式重命名字体,然后单击导入字体文件按钮打开WordPress媒体库:

打开库后,如果还没有上传字体文件,请上传。建议您使用.woff最广泛的浏览器支持的文件(否则您将不得不上传和管理多种格式)。在你上传字体后,你会看到如下内容:

对于您上传的每个字体文件,您可以指定与其关联的权重和样式。您可以在将来根据需要调整这些文件,或者在缺少任何文件时添加新文件。如果遇到问题,也可以删除个别文件。和往常一样,确保单击保存按钮,在您完成设置自定义字体后。
字体显示
最后,字体显示部分允许您设置全局font-display
站点的属性值。font-display
使用户可以控制如何执行加载到浏览器中的字体的时间轴。选择的值将在支持的浏览器中使用,如果适用于您的站点:

与在整个字体管理器中所做的任何更改一样,请确保您已单击保存如果您更新了字体显示设置。
如何使用字体管理器
现在您已经将字体别名添加到字体管理器中,您可以在整个主题中使用这些别名。当你在基石中使用元素时,有一个设置字体的选项,你会看到你已经在字体管理器中创建的字体别名列表:

根据您在那里选择的字体,字体权重列表将更改为表示所选字体的可用字体权重。
在主题选项中启用字体管理器
要为整个网站启用字体管理器,包括在构建器中不可用的主题生成文本,您需要遵循以下步骤:
- 去主题的选择 →排版。
- 启用字体管理器选项。
- 向下滚动到身体而且标题选项。
- 选择您在字体管理器中Body和Header字体选项中添加的适当字体。
总结
我们已经介绍了字体管理器,并解释了如何访问它和创建别名。我们还讨论了可以添加的各种字体类型,包括系统字体、谷歌字体、Adobe字体和自定义字体。最后,我们在基石和主题选项中讨论了创建的字体的用法。
看到不准确的地方了吗?让我们知道