css 不同系列的不同字体大小答案

【问题标题】：css different font sizes on different familiescss 不同系列的不同字体大小
【发布时间】：2011-04-03 03:03:34
【问题描述】：

我有一个这样的 CSS 声明：

font-family: font1, font2, font3;

其中 font1 是嵌入的 eot/ttf 字体，但问题是这种字体比其他字体小，所以我想为这种字体 (font1) 设置不同的字体大小 (1.8em)。所有其他字体（font2、font3）保持不变。

问题是，我无法验证用户的浏览器是否使用 font1、font2 或 font3。是否有任何 css 声明允许不同系列的不同字体大小？

谢谢。

【问题讨论】：

标签： css fonts

【解决方案1】：

有一种方法可以做到这一点，但它现在得到的支持很差。您要查找的 CSS 属性是 font-size-adjust - 专门为解决此问题而引入的新 CSS3 属性。规范说：

在字体回退的情况下发生，后备字体可能不共享与所需的纵横比相同字体系列，因此会显得更少可读。字体大小调整财产是保存财产的一种方式字体回退时文本的可读性发生。它通过调整 font-size 使 x 高度为不管使用什么字体都一样。

但是，目前它仅在 Firefox 中受支持，因此您可能需要寻找替代方案。

如何使用它的例子，见：

【讨论】：

font-size-adjust 属性几乎没用，因为除了缺乏对其他浏览器的支持之外，Firefox 的支持也被破坏了。它使用了错误的 x 高度值，甚至可能朝错误的方向调整。