2017-05-23 2 views
1

フォントの軽量化が問題になりました。私は私のコンピュータ上で使用したいすべての重量のフォントを持っていますが、それは動作しません。私は、多くのフォントが軽量化されていないことがわかりました。どうしたの?フォントの重量が働いていない

https://jsfiddle.net/ywr2ks1p/

p{ 
 
    font-family: museo sans; 
 
    font-weight: 100; 
 
    font-size: 50px; 
 
}
<div> 
 
    <p> 
 
    hello I am some text 
 
    </p> 
 
</div>

+0

をサポートしていないように見えますか?私は700でそれを試して、それは予想通り大胆です。 – Chris

+0

は完璧に動作しているようです! – Mohammad

+2

そのフォントの重量はそのフォントでサポートされていますか? – Albzi

答えて

1

私は600以上を置く場合は、予想通り、それは、太字になります。おそらく、薄い重量のバージョンのフォントをインストールすると、下のバージョンのフォントが動作します。それに代わって、ブラウザのデフォルトは標準または太字になります。

From Mozilla CSS Reference:所定の正確な量は使用できない場合、次のヒューリスティックが実際にレンダリングされた量を決定するために使用される

:500より大きな重みが与えられた場合

  • を、最も近いです利用可能なより暗い重量が使用されている(または、存在しない場合は、最も近い利用可能な軽量の 重量)。
  • 400未満の値が指定された場合、最も近い利用可能な軽い重みが使用されます(存在しない場合、最も近い利用可能なより暗い の重み)。
  • 正確に400の重みが与えられた場合、500が使用されます。 500が利用可能でない場合、フォント重みが400未満のヒューリスティックは が使用されます。
  • 正確に500の重みが与えられた場合は、400が使用されます。 400が使用できない場合、400未満のフォント重みのヒューリスティックは が使用されます。

これは、通常と太字のみを提供するフォントの場合、100-500 は正常であり、600-900は太字であることを意味します。

編集:あなたは、フォントの重みが動作しないことを決めたのか、それは軽量化

関連する問題