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

前端之家收集整理的这篇文章主要介绍了css不同的字体大小不同的家庭前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个这样的CSS声明:
font-family: font1,font2,font3;

其中font1是嵌入式eot / ttf字体,但问题是该字体小于其他字体,所以我想要为此字体(font1)使用不同的字体大小(1.8em).所有其他字体(font2,font3)保持不变.

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

谢谢.

解决方法

有一种方法可以做到这一点,但现在是非常支持的.您要查找的CSS属性是font-size-adjust – 一个专门用于解决此问题的新CSS3属性.规范说:

In situations where font fallback
occurs,fallback fonts may not share
the same aspect ratio as the desired
font family and will thus appear less
readable. The font-size-adjust
property is a way to preserve the
readability of text when font fallback
occurs. It does this by adjusting the
font-size so that the x-height is the
same irregardless of the font used.

但是,现在仅支持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

猜你在找的CSS相关文章