2016-11-29 3 views
0

私は私のマシン上のGoogleフォントrobotoをインストールして、私も自分のwelcome.htmlファイルのタグに正しい方法

<link href='http://fonts.googleapis.com/css?family=Roboto:regular,medium,bold,thin' rel='stylesheet' type='text/css'> 

含めています。

とCSSファイルで、私は開発モードで正常に動作

.mycss{ 
font-family: "robotoregular","sans-serif","arial"; 
font-size: 13px; 
} 

そのようにCSSを使用していますが、私はTomcatのフォントサイズでそれを展開するときは、開発モードよりも2-3px大きいです。私はなぜそれが来るのか分からない。誰かが私を助けてこれを脱出することができますか?またgwtでGoogleフォントをインポートする方法。

おかげで、すべての

答えて

2

まず、それは次のようになります。

font-family: "Roboto", sans-serif; 

あなたのGWTのhtmlファイルにあなたのwelcome.htmlためにやったのと同じ方法で、Googleのフォントを含めることができます。これは、Googleが推奨するリンクです(もちろん、独自のフォントの太さを選択できます)。

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> 
+0

ありがとう@Andrei私は同じリンクを含んでいます。しかし、開発モードでは、ページを読み込むとフォントサイズが実際のサイズより2〜3倍大きくなります。 – pbhle

+0

あなたが記述した問題は、フォントのインポートに関連していません。ブラウザのdevツールでは、どのルールがfont-sizeプロパティに適用されているかを見ることができます。開発者モードと生産を比較します。これにより、この問題の原因がわかります。 –

+0

ok ..申し訳ありませんが、私のアプリケーションでチェックします.. – pbhle