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

Question

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

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

Answer 1

像在普通 html 文档中一样添加Code ViewCSS 。@font-face将字体文件放在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 并应用font-family从顶部或 RHS 中的 CSS 面板。注意顶部栏可能不会给你任何新字体的自动建议，但可以以任何方式添加它，它应该可以工作。

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