1

私はこの問題を抱えています：

body{
  font-family: 'MyFontFace-font', 'Lucida Grande', Tahoma, Verdana, Arial, etc.
}

H1 {
 font-family: 'MyFontFace-font2'
}

私の質問は次のとおりです: 2 番目のフォント ('MyFontFace-font2') が読み込まれていない場合、H1 はフォントを本体またはブラウザーのデフォルトから継承しますか?

どうもありがとう。

4

1 に答える 1

6

ブラウザのデフォルトのフォールバック フォントが適用され、オンの設定bodyは無視されます。

ここのようfont-familyに要素のプロパティに値を割り当てるh1と、その要素のそのプロパティに継承が適用されることはありません (ただし、値を割り当て、inheritブラウザがそれをサポートしている場合を除きます)。これは、存在しないフォントを指定する値などの何気ないことによって変更されることはありません。

また、次のより単純なドキュメントでこれをテストしました (名前の付いたフォントはなく、名前の付いMyFontFace-font2たフォントを持つシステム上Tahoma):

<!doctype html>
<title>Test5</title>
<style>
body{
  font-family: Tahoma;
}
H1 {
  font-family: 'MyFontFace-font2'
}
</style>
<h1>Hello world</h1>

Chrome、Firefox、IE では、Tahoma ではなく、ブラウザのデフォルト フォントが使用されます。これは仕様上、期待される結果です。

ルール on が省略された場合、継承のH1ために Tahoma が使用されます。要素はその親からプロパティを継承します。h1font-family

于 2013-08-21T17:00:23.017 に答える