css - css を使用して非常に太字のテキストを作成する

Question

以下の例よりもフォントを太字にする方法はありますか? 900 から 1500 に増やしてみfont-weightましたが、違いがわかりません。

#step-1 div {
    font-weight: bolder;
    font-weight: 900;
}

Answer 1

text-shadowより大胆に見せるために使用します。

.really-bold {
    text-shadow: 
        -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 
        -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black;
}

デモを参照してください。

Answer 2

次のプロパティの1 つだけを使用できます。

font-weight: normal
font-weight: bold

font-weight: lighter
font-weight: bolder

font-weight: 100
font-weight: 200
font-weight: 300
font-weight: 400
font-weight: 500
font-weight: 600
font-weight: 700
font-weight: 800
font-weight: 900

font-weight: inherit

Answer 3

設定とは、指定された重みの書体font-weightを要求することを意味します。ブラウザで人為的に太字にすることは想定されていませんが、太字の書体が利用できない場合、 でそのようなことが起こる可能性があります。font-weight: bold

したがって、ボールドよりもボールドなものを使用する方法は、適切な書体のフォントを見つけて使用することです。これは事実上、ダウンロード可能なフォント (Web フォント、) を使用する必要があることを意味します。これは@font-face、人々のコンピューターで一般的に利用できるフォントにはそのような書体がないためです。

特に Arial には、Arial Black がありますが、多くのブラウザーは、Arial ファミリーの重い書体ではなく、別のフォント ファミリーとして扱います。したがって、それを取得する最良の確率は、宣言することfont-family: Arial Black; font-weight: normalです。

テキストの色やその他のトリックを使用text-shadowしても、フォントが太くなることはありません。それは大胆さの錯覚を生み出すだけであり、印刷上はノーノーです。

Answer 4

号font-weight: 900が最大です。別のフォントを使用できます。