フォント重量：100私はフォントの太さの実装に問題があるreactjs/javascriptの

Question

に動作していない：100

私は私の文が薄い超軽量/になりたいが、私はfont-を使用しているとき重量：100、動作していません。

どうすればよいですか？何かをインポートまたはインストールする必要がありますか？

私はreactjsを使用しています。特定のフォント重みを使用するために

<p class="thin">Test</p> 

.thin { 
    font-weight: 100; 
} 

Answer 1

それは、その後、0と600の間の任意の値（含まれていない、通常の値は400である）は、通常のように解釈されていない場合、フォントは、それをサポートする必要があり、大きな値は太字になります（太字は通常700です）。

フォントに軽い/薄い変形がない場合は、フォントの太さを通常よりも薄くすることはできません（400）。

EDIT注：フォントについてのみ（400）正常よりも、次に太字は、例えば、ブラウザによってデフォルトで生成される：この場合

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

 
p { 
 
    font-family: 'Roboto'; 
 
    font-weight: 700; 
 
}

<p>This is bold, but I didn't loaded Roboto 700, only Roboto 400.</p>

を、月をレンダリングブラウザごとに異なりますが、通常はそうではありません。あなたはGoogleのフォントにフォントを選択した場合

Answer 2

は、次の2つの選択肢があります：あなたが持っているあなたはそれをカスタマイズした場合

埋め込み、それをデフォルトの埋め込みコードを持つか、それをカスタマイズ（フォントを選択した後、オーバーレイであなたが得ます）含めるフォントの重みを選択する機能。すべてのフォントがすべてのフォントの重みをサポートするとは限りません。選択できない場合は、このフォントには存在しません。