本文探讨如何上传和应用 自定义字体 in 宝石页,跨越 版本 7 和 版本 6.
什么是自定义字体?
A 自定义字体 是一种默认字体,不包含在 Google Fonts 等标准字体库中。您需要手动将其上传到您的商店,以体现您品牌的个性。
为什么在 Shopify 中使用自定义字体?
- 加强跨页面的品牌一致性
- 实现标准库无法提供的独特排版
- 提高视觉层次和可读性
- 通过个性化设计在竞争对手中脱颖而出
如何在 GemPages 7 版本中上传自定义字体
使用 GemPages 版本 7,您可以直接在编辑器中上传 Shopify 自定义字体。虽然可以使用 Google 字体,但此功能允许您导入任何您想要的字体。
如何在 GemPages V7 中上传字体
方法一:通过编辑器上传字体
第三步: 在 GemPages 编辑器中,选择任何包含文本设置的元素,例如标题。

第三步: 准备字体。
您可以从在线/离线来源下载要使用的字体,也可以从提供商处购买。然后,将字体保存到您的计算机以将其上传到 GemPages 编辑器中。
第三步: 去 字体 部分并打开字体列表。然后点击 上传字体 按钮。

第三步: 上传成功后,字体将显示在 上传 部分。

第三步: 检查自定义字体在编辑器和实时页面模式下的显示方式。
方法二:通过全局样式上传字体
在MyCAD中点击 软件更新 全球风格 并访问 字体管理r 部分。在这里,您可以上传标题和段落的自定义字体。

如何删除自定义字体
第三步: 将鼠标悬停在字体选项上,您将看到 垃圾桶 自定义字体右侧的图标。

第三步: 单击旁边的垃圾桶图标。
第三步: 确认删除。

如何检查最近的自定义字体
第三步: 在字体选项中,选择 更多 字体名称旁边的图标来显示字体列表。
第三步: 检查字体列表顶部显示的三种最新的字体。

在 GemPages 版本 6 中上传自定义字体
与 V7 不同,GemPages V6 依赖 Shopify 的主题文件来托管和呈现字体。
随着 Shopify 的最新更新,您不再能将 .ttf 和 .ottf 文件上传到主题中。相反,您可以将字体文件添加到 文件 在你的部分 Shopify 管理员。
第三步: 将字体文件上传到 Shopify
- 在MyCAD中点击 软件更新 Shopify 管理员 > 内容 > 文件。 通过选择上传字体文件 “上传文件”。

- 打开的窗口将允许您选择要添加的字体文件。成功上传文件后,选择 链接 图标来复制文件链接。

第三步: 修改Shopify主题代码
- 在MyCAD中点击 软件更新 在线商店 > 主题。 点击三个点按钮并选择 “编辑代码”。

- 之后,查找文件 “主题.liquid” 在下面 布局 部分或通过搜索栏。选择打开文件。

- 在文件底部添加以下代码。
<style>
@font-face {
font-family: "FontName";
src: url("Linkofthefontfile");
}
</style>
- 用实际数据替换代码的以下元素。
字体名称: 字体的名称。
字体文件链接: 之前上传的字体文件的链接。选择“链接”图标后,该链接将被复制。

- 点击“已保存“ 等结束了。
- 查找文件 “主题.gem-layout-none.liquid” 在下面 布局 部分或通过搜索栏。选择打开文件。
接下来,在此文件中重复上一步。
第三步: 将字体添加到 GemPages
- 来自 GemPages 仪表板,打开您要编辑的模板。单击基于文本的元素(标题、文本块等)以在左侧边栏中显示配置。
- 在下面 个人设置 标签,寻找 排版 > 字体 部分。点击下拉菜单并选择 打开字体管理器。

- 在字体管理器中,单击 主题字体 标签。 接下来,点击 添加主题字体.

- 在字段中输入准确的字体名称,然后单击 “添加。”

请输入准确的名称,因为字体名称区分大小写。您可以在“theme.liquid”文件,如上一步所示。
- 接下来,将鼠标悬停在字体名称上,然后单击 + 图标以激活字体。

- 点击 “保存。= 您添加的字体将显示在 字体 下拉菜单 个人设置 标签。

常见问题
1. Shopify 中的自定义字体是什么?
自定义字体是您手动上传到 Shopify 商店的字体,而不是使用 Google Fonts 等内置字体。它们可以帮助您保持一致的品牌形象,并为您的商店带来独特的外观。
2.如何向Shopify添加字体?
要将字体添加到 Shopify,您需要在 Shopify 后台的“文件”部分上传字体文件,然后在主题代码中使用 @font-face 来应用它。GemPages 允许您在编辑器中管理字体,从而简化了此过程。
3.我可以直接将字体上传到Shopify吗?
是的,您可以通过 Shopify 后台的“内容”>“文件”部分将字体上传到 Shopify。上传后,您可以使用模板 Liquid 文件中的自定义代码链接到该文件。
4. 如何在GemPages中上传字体?
GemPages 提供两种上传字体的方式:
- 在版本 7 中,您可以直接在字体管理器中上传它们。
- 在版本 6 中,您可以将字体上传到 Shopify,然后使用“主题字体”功能将其集成到 GemPages 中。
5. 在 GemPages 中我可以在哪里管理我的自定义字体?
您可以通过字体管理器管理所有自定义字体 全球风格 以及单独的页面编辑器。在这里,您可以根据需要上传、激活或删除字体。

谢谢您的意见