web-dev-qa-db-ja.com

font-weight:700またはfont-weight:bold CSSで従うべきものはどれですか?

CSSで言及されているいくつかのウェブサイトを見ました-font-weight: 700またはfont-weight: bold。しかし、両方の結果は同じです。どちらが正しいか、どのようにすればいいですか?提案してください。

35
Pavan Kumar

font-weightは数字よりもデフォルトboldよりも優れています。数字ではbold設計要件に従って。

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

18
sandeep

CSS Fonts Module Level 3 Specification で、font-weightのすべての有効な値の完全な内訳を見つけることができます。 セクション3.2 (font-weightプロパティ)の下に、次のリストがあります。

  • 100-薄い
  • 200-エクストラライト(ウルトラライト)
  • 300-ライト
  • 400-正常
  • 500-中
  • 600-セミボールド(デミボールド)
  • 700-太字
  • 800-エクストラボールド(ウルトラボールド)
  • 900-黒(ヘビー)

700が「太字」であることにお気づきでしょう。どちらにしても、同じ結果が得られます。 (番号に対応する他の1つは「通常」-400です。)

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

normal-「400」と同じ
bold-「700」と同じ
bolder-継承された値よりも太い重みを指定します
lighter-継承された値よりも軽い重みを指定します

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

92
Sampson

私の基本的な答えは、すでに2回与えられたものと同じですが、正しいリファレンスがあります:

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

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

Word boldにより、コードは700よりも読みやすくなります。これは直感的な意味はありません。数字を使用してフォントの太さを指定し、キーワードのない太さを取得する状況では、数字が読みやすくなる可能性があります。 400および700以外のフォントウェイトがほとんどのフォントでサポートされていないため、このような状況はまれです。

15

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

フォントには、regularboldだけよりもはるかに広い範囲の重みがあります。 余分な光セミボルドblackextra black、カスタムフォントを使用する場合、通常、数値識別子を使用しないことは不可能です。これらの状況では、regularboldをまったく使用せず、代わりに400700を使用する方が良いと思います。これは、CSSの一貫性を高め、理解を容易にします。未経験の開発者であっても、400500よりも薄いことを簡単に把握できますが、regular500

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

0
Robert Kusznier

Windows(IE、FF)上の特定のブラウザーでは、font-weight:800は、さまざまなUTF-8フォントでは機能しません。使用font-weight: boldまたはfont-weight: bolder ..

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

0
scottj