Css 语义UI/Meteor更改默认字体
我的Meteor应用程序(都是最新版本)使用了默认主题,语义用户界面运行良好。我只想把字体从Lato改成Roboto——就是这样,别的什么都不想 我已经尝试将Css 语义UI/Meteor更改默认字体,css,meteor,fonts,semantic-ui,Css,Meteor,Fonts,Semantic Ui,我的Meteor应用程序(都是最新版本)使用了默认主题,语义用户界面运行良好。我只想把字体从Lato改成Roboto——就是这样,别的什么都不想 我已经尝试将@fontName:“Roboto”添加到/site/globals/site.variables.import.less-不过,所有的东西都在Lato上 文档不是很清楚(至少对我来说!),所以我进一步尝试将@fontName:“Roboto”添加到每一个不是以请勿修改开头的文件中,但仍然到处都是Lato 还尝试在SUI变量中添加body{
@fontName:“Roboto”
添加到/site/globals/site.variables.import.less
-不过,所有的东西都在Lato上
文档不是很清楚(至少对我来说!),所以我进一步尝试将@fontName:“Roboto”
添加到每一个不是以请勿修改开头的文件中,但仍然到处都是Lato
还尝试在SUI变量中添加body{font-family:“roboto”}
,以及main.css
-仍然是Lato
我不知道我还能尝试什么——SUI使用起来太好了,我想改变字体这样简单的事情不会有问题。有什么想法吗?SUI确实为您下载了谷歌字体。但是你必须让SUI知道你想以特定的方式使用哪种字体 这是我们的一个例子 您可能只需要在
@googleFontFamily
变量中包含所需的Google字体以及适当的样式和权重
另外,你必须在你的
src/site/globals/site.variables
SUI确实为你下载了谷歌字体。但是你必须让SUI知道你想以特定的方式使用哪种字体
这是我们的一个例子
您可能只需要在@googleFontFamily
变量中包含所需的Google字体以及适当的样式和权重
另外,您必须将此添加到
src/site/globals/site.variables
“使用site.variables修改页面容器大小、默认字体和颜色”,这有帮助吗@JanMellström不幸的是,这正是我要做的,但是没有用,你在CSS中导入了字体roboto,比如:@import url(')@Sarthak不-这就是我认为更改SUI fontName应该做的-它目前正在下载Lato,但应该下载Roboto。我会按照你的建议试一下,但那会绕过SUI,不是吗?你解决了这个问题吗?“使用site.variables来修改页面容器大小、默认字体和颜色”这有帮助吗@JanMellström不幸的是,这正是我要做的,但是没有用,你在CSS中导入了字体roboto,比如:@import url(')@Sarthak不-这就是我认为更改SUI fontName应该做的-它目前正在下载Lato,但应该下载Roboto。我会按照你的建议试一下,但那会绕过SUI,不是吗?你解决了这个问题吗?我也遇到了同样的问题谢谢你的回答,但这就是更改fontName变量应该做的事情——据我所知,所有其他headerFont/pageFont等都由fontName控制。但我确实尝试过显式设置,但仍然没有任何内容-只下载Lato,没有Roboto:(糟糕。添加@googleFontFamily变量并重新构建我的SUI对我来说很有效。谢谢你的回答,但这就是更改fontName变量应该做的事情——据我所知,所有其他headerFont/pageFont等都是由fontName控制的。不过我尝试过显式设置它,但仍然没有任何结果——只有Lato被下载,没有Roboto:(糟糕。添加@googleFontFamily变量并重新构建我的SUI对我来说很有效。
@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';