semantic-ui - 如何更改语义 UI 上的字体？

Question

我正在尝试更改语义 UI 中的默认“Lato”字体，但没有成功。

我尝试在 site.variables (/src/site/globals) 中定义新字体

@headerFont        : 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
@pageFont          : 'Oswald', 'Helvetica Neue', Arial, Helvetica, sans-serif;
@googleFontFamily  : 'Open+Sans:400italic,400|Oswald:400,700';

我还在 site/components/site.css、site.overrides 文件和最后在 src/themes/default/globals/site.variables 中尝试过。在这些位置中的任何一个都没有运气，我不理解文档示例。也许我以错误的方式安装了 Semantic。

我应该在哪里定义新字体？谢谢

Answer 1

您在进行更改后重建包了吗？

gulp build

您还可以复制默认主题，重命名它并在其中进行编辑，以使 IMO 更简洁。但是，如果您走这条路线，则需要确保更新 theme.config 文件以反射(reflect)您在运行上述命令时希望编译器构建的主题。