我有这样的CSS声明:
font-family: font1, font2, font3;
这里的font1是嵌入式的eot / ttf字体,但问题是该字体比其他字体要小,所以我想为此字体(font1)使用不同的字体大小(1.8em)。所有其他字体(font2,font3)保持不变。
问题是,我无法验证用户的浏览器是使用font1,font2还是font3。是否有任何CSS声明允许不同家族使用不同的字体大小?
谢谢。
这里 是 一个办法做到这一点,但它是截至目前非常糟糕的支持。您正在寻找的CSS属性是font-size- adjust-专为解决此问题而引入的新CSS3属性。规格说明:
font-size- adjust
在发生字体回退的情况下,回退字体可能不会与所需字体系列共享相同的纵横比,因此可读性较差。font-size- adjust属性是在字体回退发生时保持文本可读性的一种方法。它通过调整字体大小来做到这一点,以便无论使用哪种字体,x高度都相同。
但是,到目前为止,它仅在Firefox中受支持,因此您可能需要寻找替代方法。