CSS在不同系列上的字体大小不同

Question

我有这样的CSS声明：

font-family: font1, font2, font3;

这里的font1是嵌入式的eot /
ttf字体，但问题是该字体比其他字体要小，所以我想为此字体（font1）使用不同的字体大小（1.8em）。所有其他字体（font2，font3）保持不变。

问题是，我无法验证用户的浏览器是使用font1，font2还是font3。是否有任何CSS声明允许不同家族使用不同的字体大小？

谢谢。

Answer 1

这里 是 一个办法做到这一点，但它是截至目前非常糟糕的支持。您正在寻找的CSS属性是font-size- adjust-专为解决此问题而引入的新CSS3属性。规格说明：

在发生字体回退的情况下，回退字体可能不会与所需字体系列共享相同的纵横比，因此可读性较差。font-size-
adjust属性是在字体回退发生时保持文本可读性的一种方法。它通过调整字体大小来做到这一点，以便无论使用哪种字体，x高度都相同。

但是，到目前为止，它仅在Firefox中受支持，因此您可能需要寻找替代方法。