Question

在/src/site/globals/site.variables中，我可以看到如何定义从编译时导入的google字体。我感兴趣的是定义我自己的自定义字体，我将提供自己的字体文件。

我找不到关于如何做的文档。虽然我知道如何在CSS中做到这一点，但我想知道它是否已经内置在这个框架中，但我只是错过了它。

谢谢！

Answer 1

我不相信有内置的方法可以做到这一点。这是我的方法。

我使用了标准@font-face CSS规则。然后，我将其放入site.overrides文件中。我使用的变量较小（@font-path）来简化文件路径。

@font-path: '../../fonts';
@font-face {
    font-family: 'my-font';
    src: url('@{font-path}/my-font.woff') format('woff'),
      url('@{proxima-prefix}my-font.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

您必须确保服务器正确提供了字体文件。

根据您的用法，上述内容也可以减少混入。

关于@font-face和格式：https://css-tricks.com/snippets/css/using-font-face/

的很好的资源

关于如何使用不同字体粗细/样式的好答案：https://stackoverflow.com/a/10046346/7681976

如何在语义UI中包含自定义字体（而不是Google字体）

1 个答案: