css不同家庭的不同字体大小

时间:2010-08-24 11:33:07

标签: css fonts

我有这样的CSS声明:

font-family: font1, font2, font3;

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

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

感谢。

1 个答案:

答案 0 :(得分:14)

这样做的一种方法,但现在已经非常糟糕了。您正在寻找的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