html - Consolas比Verdana小

我正在写一个网页，我想用一种字体表示普通文本，另一种字体表示代码，所以我有以下css：

body {
    font-family:Verdana, sans-serif;
    font-size:100%;
}

code, pre {
    font-family:Consolas, monospace;
}

除了consolas文本的输出比verdana文本小得多之外，这是有效的。我可以通过在font-size:1.2em;设置中添加code, pre来解决这个问题，但这感觉像是一次黑客攻击，特别是因为这个数字并不是从任何东西中派生出来的，只是一次尝试和错误。
这是不是碰巧涉及到特定字体的一个怪癖，还是我做错了什么？

最佳答案

唉，这是因为consolas的x高比verdana小。您确实可以使用更大的字体大小来“修复它”，但是如果用户没有控制台，页面将返回到默认的monospace字体，该字体将显得太大。
正确的解决方案在于css3的font-size-adjust。唉，它根本不太受支持；据我所知，当时支持它的主流浏览器只有火狐浏览器。

关于html - Consolas比Verdana小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10450091/