如何在不覆盖字体系列的情况下添加到字体系列的末尾？

Question

我们有很多网站都有自己的字体系列。我需要在每个站点的字体系列末尾添加一个字体。是否可以扩展字体系列？

p.test {
    font-family: Arial, Helvetica;
}
p.test {
    font-family: Calibri;
}

上面的块将font-family设置为Calibri。我希望将font-family设置为Arial, Helvetica, Calibri。以下是我正在寻找的东西：

p.test {
    font-family: Arial, Helvetica;
}
p.test {
    font-family: += Calibri;
}

有什么想法吗？

Answer 1

只需重复所有字体，如下所示：

p.test {
    font-family: Arial, Helvetica, Calibri, sans-serif;
}

sans-serif是一个通用表达式，它将使用没有衬线的用户系统上的任何可用字体，因此将它放在最后是有意义的。

更新：

如果原始样式最后有继承，则可以将字体添加到父元素：

p.test {
    font-family: Arial, Helvetica, inherit;
}

div.p-parent {
    font-family: Calibri;
}

如果该行中的最后一个字体是sans-serif，那就是你要获得的，如果你选择不覆盖它并重复其他字体。

Answer 2

无法理解你的问题。 ＆＃39;无衬线＆＃39;将始终回退到用户计算机上的默认sans-serif字体。在你的情况下，Calibri将永远被忽略......