GoogleのウェブフォントをCSSファイルで使用することは可能ですか？その名前は変更されています（イタリック体、フォントウェイト）？

Question

たとえば、Monsterrat font-familyを使用したいと思います。

font-family: 'Montserrat', sans-serif; 

上記URLはフォントの太さやイタリック修飾子を持つなど、自分の名前を持って、 "：それから私はこのようにそれを使用することができます

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); 

：私はこのように私のCSSファイルにインポート明るいイタリック "、"イタリックの中 "など... 私の問題は、私は単にフォントの重量を調整することができます：300、フォントスタイル：URLなしイタリック。私はこのように "Italic Medium"という名前を使用したいと思います。

font-family： 'Montserrat'、Light Italic;

できますか？

Answer 1

はいといいえ、

あなたの例は次のとおりです。

font-family: 'Montserrat', Light Italic;

、Googleのフォントの太さ '光が'（イタリックまたは通常のフォントスタイルのための）体重300です。また、CSSのfont-weightでは：normalはfont-weight：400に相当し、太字は700に相当します。

これにより、フォントの短縮形構文を使用して閉じることができます。一度に宣言したいfont-style、font-weight、font-familyを指定します。あなたがそのそこにあまりにも必要になりますので、残念ながら、フォントサイズの値はフォント速記構文の要件である

：

font: italic normal 1rem 'monserrat' 

または

font: italic 300 1rem 'monserrat' 

あなたがそこに着く秒1 'Light'フォントウェイトに相当しますが、 'Light'は有効なCSSフォントウェイトではありません。 'normal'と 'bold'は 'light'や 'bolder'などの相対用語と同様です。

font-sizeに可能な値としてinitialまたはinheritを使用することもできます。

このスタイルはインラインで使用できます。

<p style="font: italic 300 1rem 'monserrat'">...</p> 

あなたは後で何をしたのですか？しかし、あなたはフォント速記について:)

詳細を取得する限り近い：

https://css-tricks.com/snippets/css/font-shorthand/

https://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

と追加のポイント - あなたのインポートルールに含めるスタイルのそれぞれに追加読み込み時間とページの大部分を使用する場合は、どちらを使用するのかを特定し、それらのみを含めることをお勧めします。たとえば、700太字のイタリックフォントが必要ない場合は、インポートに700iを含めないでください。