如果字体不可用,则继承字体族属性

  • 本文关键字:字体 继承 属性 如果 css
  • 更新时间 :
  • 英文 :


我正试图让这样的东西发挥作用:

body { 
font-family: Verdana, Arial, sans-serif;
}
p { 
font-family: Helvetica, inherit;
}

基本上,如果"Helvetica"在客户端的浏览器上不可用,我希望字体家族从父代继承。但在我看来,我不能在字体优先级列表中使用"inherit"。如何在不必从正文复制粘贴字体族的情况下实现这样的功能?

你是对的。你可以像以前一样使用它。这是CSS2提供的功能。这个问题很相似,有一些答案值得一读

我认为真正的问题是Helvetica不是一个免费的字体。因此,它还不能广泛使用

选项1(如果您拥有Helvetica字体,请使用该字体制作图像(对于您希望进行特定查找的少数几行(。

选项2((正如@bjupreti所建议的(是使用一种广泛使用的替代字体可获得的

字体系列将自动从父属性继承。所以,你所要做的就是:

body { 
font-family: Verdana, Arial, sans-serif;
}
p { 
font-family: Helvetica; 
}

如果最终用户的计算机中没有Helvetica,这将自动继承body的字体家族。

最新更新