html - 使用“Sans-Serif”进行慢速渲染

我的“开发中”网站上有一个奇怪的问题：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进行开发，因此不确定其他浏览器中是否存在该问题。你们有没有人看过这个问题？

最佳答案

“ sans-serif”不是字体名称，它是字体家族规范。

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