語義UI /流星改變默認字體

我已經有語義UI在我的Meteor應用（兩個最新版本）中都能正常工作，使用SUI默認主題。我只想把字體從Lato改成Roboto - 就是這樣，沒有別的。語義UI /流星改變默認字體

我試過將@fontName: "Roboto"添加到- 仍然，所有東西都出現在Lato中。

該文檔不是很清楚（至少對我來說！），所以我進一步嘗試將@fontName: "Roboto"添加到沒有以不修改開頭的每個文件 - 仍然是隨處可見的Lato。

還嘗試在SUI變量和main.css中添加body {font-family: "roboto"} - 仍然是Lato。

我不知道還有什麼我可以嘗試 - 隋是如此高興使用我認爲一些簡單的改變字體不會有什麼麻煩。有任何想法嗎？

來源

2016-10-13 rubie

'使用site.variables修改頁面容器大小，默認字體和顏色'中添加它，這有幫助嗎？ http://semantic-ui.com/usage/theming.html –

@JanMellström不幸的是 - 這正是我所追求的，但無濟於事 – rubie

您是否已經將字體roboto導入到您的CSS中：@import url （ 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'）; – Sarthak

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變量要以適當的樣式和重量

附註：沿着谷歌的字體您必須在您的src/site/globals/site.variables

來源

2016-10-14 12:06:08 Sarthak

謝謝你的回答，但這是改變fontName變量應該做的 - 所有其他的headerFont/pageFont等都是由fontName控制的，據我所知。然而，我確實嘗試了明確設置，但仍然沒有任何結果 - 只有Lato被下載，沒有Roboto :( – rubie

Bummer。添加@googleFontFamily變量並重新構建我的SUI爲我工作。 – Sarthak

語義UI /流星改變默認字體

回答

相關問題