css - 更改 uikit 的默认 CSS 字体

Question

你会更改 uikit 的默认字体吗？ UIKit

默认字体是

"Helvetica Neue",Helvetica,Arial,sans-serif 

及其在 html 元素标签上的设置。如果我将 html 标记中自定义样式上的此字体更改为其他字体，它不会覆盖更改。我可以使用 important 来改变事情:

html {
     font: 'Raleway', sans-serif !important;
}

这会按预期更改全局字体但是 font-awesome 显然不再有效，因为 !important 覆盖了它。有什么想法吗？

Answer 1

这已经很老了，但无论如何我都会发布当前的工作答案，以防其他人需要版本 3 作为 documented here :

// 1. Your custom variables and variable overwrites. If you are using google fonts,
//follow their instructions as normal as well. (add a link in the html for example).
$global-font-family: 'Ubuntu', sans-serif;

// 2. Import default variables and available mixins.
@import "../../node_modules/uikit/src/scss/variables-theme.scss";
@import "../../node_modules/uikit/src/scss/mixins-theme.scss";

// 3. Import UIkit.
@import "../../node_modules/uikit/src/scss/uikit-theme.scss";