2016-07-25 4 views
1

font-weight(例:700)の@ font-faceを定義し、CSS font-weight: boldのどこかで、ブラウザがfont-weightそのものを偽の太字のタイプでレンダリングする可能性があると最近聞いた(実際にはあまり信じていない)。このような場合の700boldとの間のこのような違いが本当にありますか?ウェブフォントを使用している場合、フォント太字と700の違いはありますか?

それでは、私が求めていることは次のとおりです。

@font-face { 
    font-family: SampleFont; 
    src: ...; 
    font-weight: 700; 
} 

このような定義与えられたすべてのブラウザ(仕様に従って)は、以下の場合にSampleFontための指定されたファイルを使用しますか?あなたは数値など700(またはその逆)と@font-faceを定義し、CSSのどこかでそのquivalentを使用する場合(この場合でbold)一部のブラウザでは、1の代わりにフェイク太字のテキストを使用することができれば

.case1 { font-weight: 700; } 
.case2 { font-weight: bold; } 

私が求めています@ font-faceで定義されています。

はあなたに専門家をありがとう!

+0

タイトルの答えは「いいえ」ですが、質問本体に「eg」を使用したことがわかりました。これはまったく異なる質問になります。確かに、ネイティブの600ウェイトが組み込まれていないフォントに対しては、 'font-weight:600'が半ボールドでレンダリングされるいくつかの状況があります。 –

+0

また、これにはWebフォントとローカルフォントの違いはありません尊敬。 Webfontを使用しているとわかったら、接続問題、CORS、キャッシュ問題などが考えられます。 –

+0

基本的に私が求めているのは、実際に700と太字の間に違いがない場合です。 – actimel

答えて

2

それらの間の違いはありません。たぶんfont-weight:boldのようにそれを使用すると、font-weight:700を使用するよりも、あなたのコードをより読みやすくなります。

またfont-weightについては、別の値を使用することができます。

  1. 100 - シン
  2. 200 - エクストラライト(ウルトラライト)
  3. 300 - ライト
  4. 400 - 通常
  5. 500 - 中
  6. 600 - セミボールド
  7. 700 - 太字
  8. 800から
  9. 900(ウルトラボールド)エキストラ太字 - ブラック(ヘビー)は

'font-weight:normal' 'font-weight:400'、および 'font-weight:bold' 'font-weight:700' と同義であると同義です。

+0

例を追加しましたが、実際にこのような場合に違いがないかどうか確認してください。ありがとう。 – actimel

+0

私はあなたが提供したテーブルを知っています。私はあなたが@ font-faceを数値(例えば、 '700')(またはその逆)で定義して、それからここで 'bold'を使用するかどうかを尋ねていましたが、ブラウザによっては@ font-faceで定義されたものではなく、 – actimel

0

IIRC一部のフォントは複数のレベルの大胆さをサポートしていますが、一部のフォントでは対応していません。 フォントがこの機能をサポートしている場合、微妙な違いがあります。

関連する問題