2016-10-13 15 views
1

SUIのデフォルトテーマを使用して、私のMeteorアプリケーション(最新バージョンとも)でうまく動作するセマンティックUIが得られました。私はフォントをLatoからRobotoに変更したいだけです - ちょうどそれ以外のものはありません。Semantic UI/Meteorデフォルトフォントを変更

@fontName: "Roboto"を​​に追加しようとしましたが、それでもすべてがLatoになります。

ドキュメントはあまり明確ではありません(私には少なくとも!)ので、変更しないで始まらないすべてのファイルに@fontName: "Roboto"を追加してみました。

また、body {font-family: "roboto"}をSUI変数に、そしてmain.css - まだLatoを追加しようとしました。

私は他に何をしようとしているのか分かりません.SUIはとても使いやすいので、フォントを変更するなどの単純なことは問題ではないと思いました。何か案は?

+0

'site.variablesを使用してページコンテナのサイズ、デフォルトのフォント、および色を変更する'が役立ちますか? http://semantic-ui.com/usage/theming.html –

+0

@JanMellström残念ながらそうではありませんでした。これはこれまでのところ、これまでに得たものですが、役に立たないものです。 – rubie

+0

あなたのCSSにフォントrobotoをインポートしましたか?@import url ( 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); – Sarthak

答えて

0

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

あなたはちょうどあなたが適切なスタイルと重み

P.S.とともに@googleFontFamily変数にしたい、Googleのフォントを含める必要がありますsrc/site/globals/site.variables

+0

あなたの答えをありがとうございますが、これはfontName変数を変更する必要があります - 他のすべてのheaderFont/pageFontなどはfontNameによって制御されています。私はそれを明示的に設定しようとしましたが、何もありません - Latoだけがダウンロードされました。Robot :( – rubie

+0

Bummer。@googleFontFamily変数を追加してSUIを再構築しました。 – Sarthak

関連する問題