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

Question

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

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

Answer 1

转到 代码 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);
}

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

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