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

Question

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

我看到有一个选项可以包含{{1}}，但我无法找到一种方法来包含自己的个人。

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);
}

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

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