html - CSSフォントの太さ-目に見えない違い？

Question

この簡単なデモを作成しました。

Visual Studioで、次のすべての値をfont-weight確認できます。

しかし、これらすべての値を試したところ、4つの異なる値しか見つけることができませんでした。

同じ幅の人がわかるように、赤い長方形を追加しました。

真ん中（そして最後）のすべてが同じように見えるのはなぜですか？なぜこれらすべての番号が必要なのですか？

Answer 1

フォントが異なれば、使用できるフォントの太さも異なります。お使いのブラウザは欠落している重みをシミュレートしようとはしていません（これは良いことですが、正しく理解するのは難しいです）。そのため、使用しているフォントのインストール済みバージョンに存在する重みに制限されます。

Answer 2

これは、フォントがそれほど多くの異なる重みをサポートしていないか、ブラウザがそれらの重みを表示できないことが原因である可能性があります。

とにかく、フォントの太さはそのように機能するため、数字はそこにある必要があります。フォントが異なる重みをサポートしている場合、可能な限り正確に表示するかどうかはブラウザ次第です。それ以外の場合は、サポートされている最も近いものに適切にフォールバックしようとします。