2016-07-25 10 views
1

基本的に<link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet">でRobotフォントをインポートしますが、Roboto:900部分に注意してください。 Roboto:900Roboto:300の両方を同じWebページにインポートすることは可能でしょうか?私はちょうどRobotoを使用して、CSSのfont-weightを設定しようとしましたが、動作しませんでした。2種類のGoogle Robotoフォントを使用する

アイデア?ありがとう

サイドノート:Roboto:900は太字スタイル、Roboto:300は薄いスタイルです。

+0

https://fonts.googleapis.com/css?family=Roboto:300,900を動作するはずです、 – ceejayoz

答えて

0

これは動作するはずです:

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'> 

あなたはボックスをチェックすれば好きなだけフォントの重みを選択することができますGoogleのフォントで「使用」をクリックします。あなたのサイトの読み込み速度が遅くなるほど、フォントの重量は2倍になります。

+0

上記にはフォントの標準バージョンのみが含まれていますが、イタリックではありません –

1

これは、ディレクトリ内のフォントを選ぶとき(

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'> 

CSS

.light{ 
font-weight:300; 
} 
.bold{ 
font-weight:900; 
}