调整菜单字体

操作指南 所有套餐 1 分钟阅读

从内置选择器中挑选 Google 字体，或沿用模板已加载的字体，让菜单与商店的其他部分保持一致。

更改字体

Google 字体

1. 打开“字体”选项卡

   在菜单编辑器中，点击左侧边栏中的 A 图标，将打开 字体设置 面板。

2. 选择字体

   在某个分组（例如 主菜单）中，保持 使用自定义字体 为关闭状态。点击 字体 并选择字体和样式。

   

   (1) 字体，(2) 字号。

3. 设置字号

   调整 字号 并检查预览。

4. 保存并发布

   点击 保存，然后点击 发布。应用会在您的店面上加载该 Google 字体。

模板字体

1. 找到模板的字体名称

   在 Shopify 后台，前往 在线商店 > 模板 > 自定义 > 模板设置 > 排版。记下准确的名称，例如 Instrument Sans。

2. 开启使用自定义字体

   在 字体 选项卡中，在要更改的分组里开启 使用自定义字体 (1)。

   

   开启使用自定义字体 (1)，然后在字体中输入字体名称 (2)。

3. 输入字体名称

   在 字体 (2) 中输入名称，然后选择 Font weight（字重）和 字号。如有需要，对其他分组重复操作。

4. 保存并发布

   点击 保存，然后点击 发布。

警告

开启 使用自定义字体 后，应用不会加载字体文件，只会使用您输入的名称。如果名称拼写错误或模板未加载该字体，浏览器会显示备用字体。

字体分组

字体设置 面板有五个分组，每个分组单独设置样式。

主菜单

菜单栏中的顶级菜单项。

标签

选项卡菜单中的选项卡名称。

子菜单标题

子菜单中的标题，例如链接列表的标题。

子菜单文本

子菜单中的链接和文字。

子菜单描述

菜单项下方的小号描述文字。

设置

每个分组的设置都相同。

使用自定义字体

关闭：从选择器中选择 Google 字体。开启：输入模板已使用的字体名称。

字体

打开字体选择器；开启 使用自定义字体 时变为输入字体名称的文本框。

Font weight

字重，开启 使用自定义字体 时显示。从极细到特粗，包括斜体样式。

字号

以 px 为单位，从 10 到 60。

提示

如需在不影响正式商店的情况下测试字体更改，请在草稿模板上预览菜单。

相关页面

• 调整菜单颜色设置菜单栏、子菜单、选项卡、产品标签和加入购物车按钮的颜色。
• 菜单设置更改适用于整个菜单的布局、元素、动画、间距等设置。
• 自定义 CSS添加您自己的 CSS，精细调整菜单的外观。

此页面对您有帮助吗？

报告问题