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瀏覽器中很小

回答

相關問題