如果字体不可用，则继承font-family属性

Question

我正在尝试使类似的东西起作用：

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

p { 
    font-family: Helvetica, inherit;
}

基本上，如果客户端的浏览器上没有“ Helvetica”，我希望字体家族继承自父代。但是在我看来，我不能在字体优先级列表中使用“继承”。 我如何才能实现这样的效果而不必从正文复制粘贴字体家族？

Answer 1

您是正确的。您可以像使用它一样使用它。这是CSS2提供的功能。 This question与之类似，并且有一些值得一读的答案。

我认为真正的问题是Helvetica不是免费字体。因此，它只是无法广泛使用。

  

选项1）如果您拥有Helvetica字体，请使用该字体制作图像   （针对您要特定查找的几行内容）。

     

选项2）（如@bjupreti建议）是使用广泛使用的替代字体   可用。

Answer 2

字体家族将自动从父属性继承。因此，您要做的就是：

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

如果最终用户计算机中没有Helvetica，它将自动继承body的字体系列。