Courier字体在Webkit浏览器中很小

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

#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; 
}

来源

2010-11-11 JoJo

尝试添加font-size：36px; :) – zod 2010-11-11 22:12:03

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

（这未必是一件坏事，但要小得多等宽字体的缺省优先级是不是真的明智而大多数用户不会改变它。）

我认为这种情况已经改变通过不同的版本;最初的IIRC将等宽字体的不同基本字体大小应用于其中的font-family列表具有monospace的任何元素。现在，只有当font-family属性设置为时，这种行为才会发生，恰好是monospace。你的例子courier, monospace不会为我引发;奇怪的是，它也没有发生monospace, sans-serif，即使那么字体将永远是monospace和sans-serif永远不会被使用。此行为与Firefox匹配。

来源

2010-11-11 22:37:30 bobince

您可能没有在任何地方定义字体大小，所以它会回落到浏览器默认值。

来源

2010-11-11 22:00:41

Courier字体在Webkit浏览器中很小

回答

相关问题