Cileier字体在Webkit浏览器中很小

Question

我注意到在Chrome和Safari中，我的Courier文字很小。在Internet Explorer和Firefox中，Courier文本的大小与我的其他文本相当。我的CSS有问题吗？

#article pre,
#article code {
    display: block;
    font-family: courier, monospace;
    background: #f7f7f7;
    padding: 0.6em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    margin: 0 0 1em 0;
}

Answer 1

您可能无法在任何地方定义字体大小，因此它会回退到浏览器默认值。

Answer 2

是的，WebKit对普通和等宽字体有单独的默认字体大小首选项。当您使用从相对字体大小派生的字体大小（即文本的祖先元素都没有绝对字体大小）时，您可以获得等宽字体和普通字体的不同大小。

（这不一定是坏事，除了更小的等宽字体的默认偏好不是真的合理，大多数用户都不会改变它。）

我认为这已经改变了不同的版本;最初的IIRC，等宽字体的不同基本字体大小应用于font-family列表中包含monospace的任何元素。现在，只有当font-family属性设置为 monospace时，才会出现此行为。你courier, monospace的例子不会触发它;很奇怪，monospace, sans-serif也不会发生这种情况，即使然后字体始终为monospace，sans-serif将永远不会被使用。此行为与Firefox匹配。