字体管理器

在本文中,我们将讨论字体管理器以及在构建或管理网站时如何使用它。

  1. 什么是字体管理器
  2. 何时使用字体管理器
  3. 如何登录字体管理器
  4. 如何设置字体管理器
  5. 如何使用字体管理器
  6. 在主题选项中启用字体管理器
  7. 总结

什么是字体管理器

字体管理器允许您为网站上使用的字体指定名称。这意味着你可以在别名下切换字体,它会立即在站点范围内更新,节省你来回编辑单个字体的时间。

字体管理器的美妙之处在于,如果你想要返回并调整你网站的字体,你可以在字体管理器的一个位置更新它,它将自动反映在你的整个网站!这是一个非常强大的工具,对于大型的构建,甚至是较小的站点,都应该充分利用它。想象一下,如果你有一个充满元素的长登录页面。很容易想象你可能会在你的设计中一遍又一遍地调用相同的字体……可能上百次吧。要记住的一件事是,来自谷歌fonts或Adobe fonts等服务的托管字体会为您的网站增加重量,所以在使用这些字体时,请确保您的选择尽量少,而不是使用Georgia、Helvetica等系统字体。

何时使用字体管理器

字体管理器作为一个抽象层,可以在整个基石中轻松分配和更新字体。例如,假设你设计了一些页面,它们使用了一些非常特定的字体。也许在您的站点中,从段落到标题到按钮等都有几十个甚至上百个这样的字体实例。现在,假设您决定在这数百个实例中使用的其中一个字体需要更新。如果没有字体管理器,你将需要重新访问每个元素并更新字体…一个接一个……上百次了。在字体管理器中,你可以用你认为合适的方式给字体贴上标签。“Body Copy”),并指定该标记字体。如果你需要返回并更新字体,你可以在字体管理器中简单地更新它一次,它将改变整个网站中该字体的所有分配。

如何登录字体管理器

  1. X / Pro在WordPress管理员中,通过选择任何构建器(内容,页眉,页脚等)启动基石。或者,使用你的网站前端的WordPress管理栏启动一个构建器。
  2. 单击导航图标()。
  3. 选择字体在主导航下拉菜单中。

如何设置字体管理器

一旦你点击字体菜单项,你将在字体管理器子菜单中看到以下内容:

字体管理器

字体管理子菜单分为五个不同的部分,允许您管理整个网站的字体:

  1. 谷歌/系统字体:添加别名并为主题分配字体。
  2. 谷歌子集:如果需要,添加谷歌字体子集。
  3. Adobe的字体:如果您想为您的网站字体使用该服务,请将您的网站与您的Adobe Fonts帐户连接。金宝搏体育官方网站
  4. 自定义字体:上传自定义网页字体到你的网站(例如。woff文件)。
  5. 字体显示:管理字体如何加载到浏览器中以及何时应该显示它们。

谷歌/系统字体

利用谷歌字体或系统字体为您的设计,您将从最顶部的第一部分开始。如果还没有添加第一个字体,请单击添加新按钮,您将看到以下内容:

字体管理器

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

字体管理器

请注意,对于添加的每个字体族,在可排序项中,您将选择实际使用的字体族和所需的字体字体的重量离开那个家庭。您在这里指定的系列和权重将在后面的设计过程中使用。设置好字体系列和权重后,请确保单击保存按钮。

谷歌子集

如果您正在使用英语以外的语言,并且需要为您的设计使用某些符号和图形(并且使用谷歌字体),那么您可以在这里指定所需的子集。

字体管理器

记得点击保存按钮,如果您已添加任何谷歌字体子集到您的设计。

Adobe的字体

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

字体管理器

添加项目ID后,请确保单击保存按钮。

自定义字体

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

字体管理器

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

字体管理器

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

字体管理器

对于您上传的每个字体文件,您可以指定与其关联的权重和样式。您可以在将来根据需要调整这些文件,或者在缺少任何文件时添加新文件。如果遇到问题,也可以删除个别文件。和往常一样,确保单击保存按钮,在您完成设置自定义字体后。

字体显示

最后,字体显示部分允许您设置全局font-display站点的属性值。font-display使用户可以控制如何执行加载到浏览器中的字体的时间轴。选择的值将在支持的浏览器中使用,如果适用于您的站点:

字体管理器

与在整个字体管理器中所做的任何更改一样,请确保您已单击保存如果您更新了字体显示设置。

如何使用字体管理器

现在您已经将字体别名添加到字体管理器中,您可以在整个主题中使用这些别名。当你在基石中使用元素时,有一个设置字体的选项,你会看到你已经在字体管理器中创建的字体别名列表:

字体管理器

根据您在那里选择的字体,字体权重列表将更改为表示所选字体的可用字体权重。

在主题选项中启用字体管理器

要为整个网站启用字体管理器,包括在构建器中不可用的主题生成文本,您需要遵循以下步骤:

  1. 主题的选择 排版。
  2. 启用字体管理器选项。
  3. 向下滚动到身体而且标题选项。
  4. 选择您在字体管理器中Body和Header字体选项中添加的适当字体。

总结

我们已经介绍了字体管理器,并解释了如何访问它和创建别名。我们还讨论了可以添加的各种字体类型,包括系统字体、谷歌字体、Adobe字体和自定义字体。最后,我们在基石和主题选项中讨论了创建的字体的用法。

看到不准确的地方了吗?让我们知道

Baidu
map