字体大小不同的字体系列显示器

每当我来在我的设计点来选择字体，出现这种常见的问题（常见于每一位设计师）内，字体大小不同的字体系列显示器

例如我们设置的字体系列和字体大小段落如下，

p { 
    font-family: 'Source Sans Pro', Arial, Verdana, sans-serif; 
    font-size: 13px; 
}

在CSS（众所周知）当在字体系列第一字体不存在时，它选择第二字体，并且如果第二不存在它无二第三个等等。

的问题是，宋体是在13 PX比“来源三世临”做大，宋体是在13 PX比Arial字体更大。

看看这个图片：
enter image description here

这是问题的每一个设计师的脸，他们认为字体系列外观设计每一次。
我希望有一些CSS方法或者通过我们告诉浏览器黑客采取“来源三世临”在13像素，但如果它不存在比不采取宋体在13像素，而不是采取宋体在12px，如果甚至Arial不存在比在11px采取Verdana。
例如font-family-size：'Source Sans Pro'13px，Arial 12px，Verdana 11px;（这个规则是不存在的CSS，它只是我的愿望）

摘要：我们可以在实际分配现在为整个字体系列（字体家族包含不止一个字体），单个尺寸每个字体大小显示不同的（更小或更大）比相同字体系列中的其他字体。

来源

2014-03-26 Bangash

可能重复[CSS字体大小变化时FONT-FAMILY回落（http://stackoverflow.com/questions/829933/css-font-大小变化时，字体家庭回落） – kei

@kei，是可能是，但我认为这个问题是更多的信息和详细.. – Bangash

也许在将来可以使用'calc'来根据像素x高度调整字体大小？ –

你在找什么是font-size-adjust财产 - 这个问题的近乎完美的解决方案。当然，浏览器支持是可怕的：它只适用于Firefox。

下面是一个例子（在Firefox中打开）：http://jsfiddle.net/zL6vL/1/

的

来源

2014-03-27 08:24:39

字体大小不同的字体系列显示器

回答

相关问题