代码之家 › 专栏 › 技术社区 › JoJo

Courier字体在Webkit浏览器中很小

webkit fonts css

JoJo · 技术社区 · 14 年前

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

2 回复 | 直到 14 年前

bobince 14 年前

是的,WebKit对普通字体和等距字体有单独的默认字体大小首选项。当使用从相对字体大小派生的字体大小(即文本的所有祖先元素都没有绝对字体大小)时,将为等距字体和普通字体获得不同的大小。

(这不一定是件坏事,只是默认的小字体设置并不合理,大多数用户不会改变它。)

font-family 名单上有 monospace 在里面。现在这种行为似乎只发生在 字体系列 属性设置为 确切地 单空间 . 你的例子 courier, monospace monospace, sans-serif ,即使这样,字体始终是 单空间 和 sans-serif