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使x-height为   同样不管使用的字体。

但是，它仅在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