小编典典

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

css

我有这样的CSS声明:

font-family: font1, font2, font3;

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

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

谢谢。


阅读 723

收藏
2020-05-16

共1个答案

小编典典

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

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

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

2020-05-16