CSSで言及されているいくつかのウェブサイトを見ました-font-weight: 700
またはfont-weight: bold
。しかし、両方の結果は同じです。どちらが正しいか、どのようにすればいいですか?提案してください。
font-weight
は数字よりもデフォルトboldよりも優れています。数字ではbold設計要件に従って。
これを確認してください http://www.w3.org/wiki/CSS/Properties/font-weight
CSS Fonts Module Level 3 Specification で、font-weight
のすべての有効な値の完全な内訳を見つけることができます。 セクション3.2 (font-weightプロパティ)の下に、次のリストがあります。
700
が「太字」であることにお気づきでしょう。どちらにしても、同じ結果が得られます。 (番号に対応する他の1つは「通常」-400
です。)
完全なリストは次のとおりです。
normal
-「400」と同じbold
-「700」と同じbolder
-継承された値よりも太い重みを指定しますlighter
-継承された値よりも軽い重みを指定します
本当の違いはありません。それは、あなたとあなたのチームが何に慣れているかということです。
私の基本的な答えは、すでに2回与えられたものと同じですが、正しいリファレンスがあります:
CSS 2.1仕様 clause 15.6 によると、それらは定義上同義です。これは信頼できる仕様です。
キーワード「normal」は「400」と同義語で、「bold」は「700」と同義語です。
Word bold
により、コードは700
よりも読みやすくなります。これは直感的な意味はありません。数字を使用してフォントの太さを指定し、キーワードのない太さを取得する状況では、数字が読みやすくなる可能性があります。 400
および700
以外のフォントウェイトがほとんどのフォントでサポートされていないため、このような状況はまれです。
機能的には同じですが、スタイルに関しては、いずれかの方法を選択し、それと一貫性があると思います。キーワードのみを使用するか、数値識別子のみを使用します。これにより、CSSコードが理解しやすくなります。
フォントには、regular
とbold
だけよりもはるかに広い範囲の重みがあります。 余分な光、光、本、中、セミボルド、black、extra black、カスタムフォントを使用する場合、通常、数値識別子を使用しないことは不可能です。これらの状況では、regular
とbold
をまったく使用せず、代わりに400
と700
を使用する方が良いと思います。これは、CSSの一貫性を高め、理解を容易にします。未経験の開発者であっても、400
は500
よりも薄いことを簡単に把握できますが、regular
500
。
使用する重みがregular
とbold
だけである場合、数値識別子の代わりにキーワードを使用する方が完全に合理的で読みやすいです。しかし、私の仕事では、このような状況はほとんど起こりません。
Windows(IE、FF)上の特定のブラウザーでは、font-weight:800
は、さまざまなUTF-8フォントでは機能しません。使用font-weight: bold
またはfont-weight: bolder
..
BBCキルギスのために物を作っているときに、私はこれを難しい方法で見つけました。