html - 使用 "Sans-Serif"渲染缓慢

Question

我的“开发中”网站上有一个奇怪的问题:http://www.cphrecmedia.dk/musikdk/stage/

H1-h6 字体只是“sans-serif”，但在 Chrome 中它通常显示另一种字体(屏幕截图:http://cl.ly/image/260B0H0l1w0C)。当鼠标悬停在导航上时，它会更改为正确的字体。仅供引用，它应该是这样的:http://cl.ly/image/442l071M3N1B

字体使用的代码是:

.nm li a {
    float: left;
    font-family: sans-serif;
    height:22px;
    padding: 12px 14px 7px 14px;
    color:@white;
    font-size: 12px;
    line-height: 20px;
}

我主要使用 Chrome 开发，所以我不确定其他浏览器是否存在该问题。你们中有人以前见过这个问题吗？

Answer 1

'sans-serif' 不是字体名称，它是字体系列规范。

使用无衬线字体名称，如“Arial”或“Verdana”，否则您会得到意想不到的结果(浏览器可能会将您的字体替换为通用字体)。