更改uikit的默認CSS字體

Hoe是否更改uikit的默認字體？ UIKit 更改uikit的默認CSS字體

的默認字體是

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

和html元素標籤的設置。如果我在html標籤中的自定義樣式中將此字體更改爲其他字體，則不會覆蓋更改。我可以使用哪些重要的變化確實的東西：

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

這改變預期全局字體但字體真棒顯然已不再適用，因爲重要的是在寫吧！有任何想法嗎？

來源

2016-02-22 twigg

在html中使用新的字體系列適用於我，而無需添加!important或打破fontawesome。

https://jsfiddle.net/95sff36a/

這麼說，我通常喜歡在body標籤使得編輯像這樣

body{ 
    font-family: 'Raleway', sans-serif; 
}

注：這不承擔標題效果，您可能需要添加他們明確。

來源

2016-02-23 08:49:35

使用uikit頁面中的定製器。 http://getuikit.com/docs/customizer.html請參閱Body字體系列，標題字體系列選擇。

或者使用scss/less版本並且使用uikit-variables.scss，有變量$ base-body-font-family，$ base-heading-font-family。

來源

2016-02-24 08:24:02 cssBlaster21895

所有你需要做的是包括自定義CSS文件後 UIKit中的CSS，你是否從CDN或本地呼叫的UIKit -

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.18/css/uikit.min.css" /> 
<link rel="stylesheet" href="/site/templates/css/app.css" />

在你app.css爲此

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

你應該很好去。字體真棒不應該受到任何影響。

來源

2017-03-29 13:44:09 DaveP

我認爲最簡單也許最乾淨的方式就是這樣。然而，我會注意性能...

* { font-family: 'Raleway', sans-serif; }

來源

2018-02-24 00:47:02

更改uikit的默認CSS字體

回答

相關問題