46

CSSで言及されているいくつかのWebサイトを見たことがあります-font-weight: 700またはfont-weight: bold。しかし、両方の結果は同じです。どちらが正しいですか、そしてどのように従うべきですか？私に提案してください。

4

5 に答える 5

97

のすべての有効な値の完全な内訳はfont-weight、CSSフォントモジュールレベル3仕様にあります。セクション3.2 （font-weightプロパティ）の下に、次のリストがあります。

  • 100-薄い
  • 200-エクストラライト（ウルトラライト）
  • 300-ライト
  • 400-通常
  • 500-中
  • 600-セミボールド（デミボールド）
  • 700-太字
  • 800-エクストラボールド（ウルトラボールド）
  • 900-黒（重い）

700あなたはおそらくそれが「太字」であることに気づいたでしょう。どちらの方法でも、同じ結果が得られます。（数字に対応する他の唯一のものは「通常」です- 400。）

完全なリストは次のとおりです。

normalbold-'400'と同じ<br>-'700 'と同じ<br> - 継承されbolderた値よりも太字の重みを
lighter指定します-継承された値よりも軽い重みを指定します

本当の違いはありません。それはあなたとあなたのチームが慣れていることについてです。

于 2012-06-06T06:35:45.320 に答える
19

font-weight数字では、設計要件に従って 太字を調整できるため、デフォルトの太字よりも優れています。

これを確認してくださいhttp://www.w3.org/wiki/CSS/Properties/font-weight

于 2012-06-06T06:41:40.027 に答える
18

私の基本的な答えは、すでに2回与えられたものと同じですが、正しい参照があります。

CSS 2.1仕様、条項15.6によると、これらは定義上同義語です。これは信頼できる仕様です。

キーワード「normal」は「400」と同義であり、「bold」は「700」と同義です。

この単語は、直感的な意味を持たないbold数字よりもコードを読みやすくします。700数字は、キーワードがない重みを取得するために、数字を使用してフォントの重みを指定する状況での読みやすさに適している場合があります。このような状況はまれです。これは、フォントの重みがほとんどのフォントでサポートされていないためです400。700

于 2012-06-06T07:06:16.373 に答える
1

機能的には同じですが、スタイル的には、キーワードのみまたは数値識別子のみを使用する方法の1つを選択し、それと一致していると思います。これにより、CSSコードが理解しやすくなります。

regularフォントの重みの範囲は、boldたとえば、エクストラライト、ライト、ブック、ミディアム、セミボールド、ブラック、エクストラブラックだけよりもはるかに広いため、カスタムフォントを使用する場合、通常、数値識別子を使用しないことは不可能です。このような状況では、とを使用することは避け、代わりにregularとboldを使用する方がよいと思います。これはより一貫性があり、CSSの理解を簡素化します-経験の浅い開発者でも、より薄いものを簡単に把握できますが、比較する必要があるときにどちらが薄いかわからない場合があります。400700400500regular500

使用する重みがregularとだけである状況ではbold、数値識別子の代わりにキーワードを使用する方が完全に合理的で読みやすくなります。しかし、私の仕事では、そのような状況はほとんど起こりません。

于 2018-02-15T12:50:20.463 に答える
0

Windows（IE、FF）の特定のブラウザーではfont-weight:800、さまざまなUTF-8フォントで実行できません。font-weight: boldまたはを使用してくださいfont-weight: bolder。

私はBBCキルギスのために物を作っている間にこれを難しい方法で見つけました..

于 2016-08-02T16:38:14.230 に答える