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
toh1
,继承将永远不会应用于该元素上的该属性(除非您指定值inherit
且浏览器支持该值)。这不会因为随意的事情而改变,比如指定不存在字体的值
我还使用以下更简单的文档对此进行了测试(在一个没有名为MyFontFace-font2
的字体,但有名为Tahoma
的字体的系统上):
测试5
身体{
字体系列:Tahoma;
}
H1{
字体系列:“MyFontFace-font2”
}
你好,世界
在Chrome、Firefox、IE中,结果是使用浏览器的默认字体,而不是Tahoma。根据规范,这是预期结果
如果省略了
H1
上的规则,则由于继承,将使用Tahoma–然后H1
元素将从其父元素继承font-family
属性。将应用浏览器的默认回退字体,并忽略body
上的任何设置
当您为元素的属性指定值时,如此处的font-family
toh1
,继承将永远不会应用于该元素上的该属性(除非您指定值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>