Googleフォントをインポートする際に必要な重量はありますか？

Question

一部のGoogleフォントの輸入は、次のようになります。

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,900); 

は400, 100, 900重みが必要か？

または1つだけで、このようなインポートを実行できます。

@import url(http://fonts.googleapis.com/css?family=Roboto); 

とスタイル、このような要素：

element { 
    font-weight: 900; 
    font-family: Roboto; 

} 

Answer 1

はいをあなたがそれらを使用したい場合は、それらが必要とされています。

次のURL（）に直接アクセスする場合は、例としてとして使用したものを使用してください。

http://fonts.googleapis.com/css?family=Roboto 

あなたがそうのようなものを参照してくださいよ...

/* latin */ 
@font-face { 
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

しかし

あなたがそれに重みを追加した場合、あなたはこれを見...

[...] 

/* latin */ 
@font-face { 
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

/* latin */ 
@font-face { 
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

[...] 

あなたはドンが」フォントを試して使用し、カスタムウェイト（以外のものは400以外）を設定すると、URLの末尾にウェイトを指定しても、デフォルトウェイトにフォールバックされ、フォントは変更されませんe。

したがって、400重量だけを使用する場合はそのままにしておきますが、薄く太いバージョンも使用する場合は、URLにそれらを含める必要があります。余分な重量を含めると、フォントの読み込み時間が長くなりますので、使用するものだけを含めるようにしてください。