我有这样的CSS声明:
font-family: font1, font2, font3;
其中font1是一个嵌入式的eot / ttf字体,但问题是这个字体比其他字体小,所以我想为这个字体(font1)使用不同的字体大小(1.8em)。所有其他字体(font2,font3)保持不变。
问题是,我无法验证用户的浏览器是否使用font1,font2或font3。是否有任何css声明允许不同的家庭使用不同的字体大小?
感谢。
答案 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