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中支持,因此您可能希望寻找替代方案.

有关如何使用它的示例,请参阅:

http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/
https://developer.mozilla.org/en/CSS/font-size-adjust
http:// www .fonttester.com/help/css_property/font-size-adjust.html
http://www.w3.org/TR/css3-fonts/#relative-sizing-the-font-size-adjust-pro