Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css规则字体系列是覆盖所有继承的字体还是只添加更多选项?_Css - Fatal编程技术网

css规则字体系列是覆盖所有继承的字体还是只添加更多选项?

css规则字体系列是覆盖所有继承的字体还是只添加更多选项?,css,Css,我有一个问题: body{ font-family: 'MyFontFace-font', 'Lucida Grande', Tahoma, Verdana, Arial, etc. } H1 { font-family: 'MyFontFace-font2' } 我的问题是:如果第二种字体(“MyFontFace-font2”)没有加载,H1会从body继承字体,还是从浏览器的默认字体继承字体 非常感谢。将应用浏览器的默认回退字体,并且忽略正文上的任何设置 当您为元素的属性指定值时,

我有一个问题:

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

H1 {
 font-family: 'MyFontFace-font2'
}
我的问题是:如果第二种字体(“MyFontFace-font2”)没有加载,H1会从body继承字体,还是从浏览器的默认字体继承字体


非常感谢。

将应用浏览器的默认回退字体,并且忽略
正文
上的任何设置

当您为元素的属性指定值时,如此处的
font-family
to
h1
,继承将永远不会应用于该元素上的该属性(除非您指定值
inherit
且浏览器支持该值)。这不会因为随意的事情而改变,比如指定不存在字体的值

我还使用以下更简单的文档对此进行了测试(在一个没有名为
MyFontFace-font2
的字体,但有名为
Tahoma
的字体的系统上):


测试5
身体{
字体系列:Tahoma;
}
H1{
字体系列:“MyFontFace-font2”
}
你好,世界
在Chrome、Firefox、IE中,结果是使用浏览器的默认字体,而不是Tahoma。根据规范,这是预期结果


如果省略了
H1
上的规则,则由于继承,将使用Tahoma–然后
H1
元素将从其父元素继承
font-family
属性。

将应用浏览器的默认回退字体,并忽略
body
上的任何设置

当您为元素的属性指定值时,如此处的
font-family
to
h1
,继承将永远不会应用于该元素上的该属性(除非您指定值
inherit
且浏览器支持该值)。这不会因为随意的事情而改变,比如指定不存在字体的值

我还使用以下更简单的文档对此进行了测试(在一个没有名为
MyFontFace-font2
的字体,但有名为
Tahoma
的字体的系统上):


测试5
身体{
字体系列:Tahoma;
}
H1{
字体系列:“MyFontFace-font2”
}
你好,世界
在Chrome、Firefox、IE中,结果是使用浏览器的默认字体,而不是Tahoma。根据规范,这是预期结果


如果省略了关于
H1
的规则,那么由于继承的原因,将使用Tahoma–那么
H1
元素将从其父元素继承
font-family
属性。

是。亲自检查比问我们并等待回答更快:)不,事实上。并非在所有浏览器上。Webkit可以做到这一点,但Gecko不行。所以,为了更好地回退,必须始终使用全字体系列格式?是的。亲自检查比问我们并等待回答更快:)不,事实上。并非在所有浏览器上。Webkit可以做到这一点,但Gecko却不行。所以,为了更好地回退,有必要始终使用全字体系列格式吗?
<!doctype html>
<title>Test5</title>
<style>
body{
  font-family: Tahoma;
}
H1 {
  font-family: 'MyFontFace-font2'
}
</style>
<h1>Hello world</h1>