0

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

4

3 回答 3

1

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

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

于 2013-10-16T08:19:23.600 回答
0

尝试使用来自谷歌的自定义网络字体：

http://www.google.com/fonts

选择一种字体并使用三种方法之一，我更喜欢 CSS 方法。

例子：

@import url(http://fonts.googleapis.com/css?family=Roboto);

将其导入 CSS 并将其用于您的文本：font-family: 'Roboto', sans-serif;

于 2013-10-16T07:55:31.847 回答
0

尝试通过下载字体并将其保存在字体文件夹中来使用自定义字体方法。

例子：

@font-face {
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
    ,url('Sansation_Light.eot'); /* IE9 */
}

div
{ font-family:myFirstFont; }
于 2013-10-08T12:06:39.610 回答