Question

我使用SUI默认主题，我的Meteor应用程序（两个最新版本）都可以正常使用Semantic UI。我只想将字体从Lato更改为Roboto - 只是那个而不是别的。

我已经尝试将@fontName: "Roboto"添加到/site/globals/site.variables.import.less - 但是，所有内容都会出现在Lato中。

文档不是很清楚（至少对我来说！）所以我进一步尝试将@fontName: "Roboto"添加到每个不以DO NOT MODIFY开头的文件中 - 仍然是Lato无处不在。

还尝试在SUI变量和body {font-family: "roboto"}中添加main.css - 仍然是Lato。

我不知道我还能尝试什么 - SUI很好用，我觉得像改变字体一样简单就没问题了。有什么想法吗？

Answer 1

SUI确实为您下载了Google字体。但是你必须让SUI以特定的方式知道你想要的字体。

这是here的一个例子。

@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';

您可能只需要在@googleFontFamily变量中包含所需的Google字体以及正确的样式和权重

P.S。您必须在src/site/globals/site.variables

中添加此内容

语义UI / Meteor更改默认字体

1 个答案: