如何将自定义字体添加到 Google Webdesigner？

Question

如何将自定义字体添加到 Google Webdesigner？

我看到有一个选项可以包含 Google Fonts，但我找不到包含自己的个人选项的方法。

Answer 1

转到 Code View 添加 @font-face CSS 就像在普通 html 文档中一样。将字体文件放在 assets 文件夹中。

示例：

@font-face {
  font-family: LouisRegular;
  src: url(assets/LouisRegular.ttf);
}
@font-face {
  font-family: LouisItalic;
  src: url(assets/LouisItalic.ttf);
}
@font-face {
  font-family: LouisBoldItalic;
  src: url(assets/LouisBoldItalic.ttf);
}

现在只需 select div 并从顶部或右手边的 CSS 面板应用 font-family。请注意，顶部栏可能不会为您提供任何新字体的自动建议，但可以通过任何方式添加它并且它应该可以工作。

注意：字体通常超过 200kb，这可能会影响您的横幅广告预算，如果是这种情况，我建议使用文本作为图像而不是字体。