Css 字体族中的字体显示大小不同

每当我在设计中选择字体时，就会出现这种常见问题（对每个设计师来说都很常见）

例如，我们为段落设置字体系列和字体大小，如下所示：

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

在CSS中（众所周知），当字体系列中的第一种字体不存在时，它会选择第二种字体，如果第二种字体不存在，它会选择第三种字体，以此类推

问题是，Arial在13像素时大于“Source Sans Pro”，而Verdana在13像素时大于Arial

请看这张图片：

这是每一位设计师每次想到设计的字体系列时都要面对的问题。
我希望有一些CSS方法或黑客，让浏览器在13px使用“Source Sans Pro”，但如果它不存在，就不要在13px使用Arial，而要在12px使用Arial，如果连Arial都不存在，就在11px使用Verdana
e、 g.字体系列大小：“Source Sans Pro”13px、Arial 12px、Verdana 11px（CSS中没有这个规则，这只是我的愿望）

---

小结：我们可以为整个字体系列（包含多个字体的字体系列）指定一个单一的字体大小，现在实际上，每个字体大小都显示出与同一字体系列中的其他字体不同（更小或更大）。

您要找的是属性-这是一个几乎完美的解决方案。当然，浏览器支持很糟糕：它只在Firefox上工作

---

这里有一个例子（在Firefox中打开）：

可能是@kei的副本，是的，可能是，但我认为这个问题更具信息性和详细性。也许将来可以使用

calc

根据像素x高度调整字体大小？@dϝulɁdʘulɇ是的，兄弟，你是对的。