font-family没有加载？

Question

我有以下CSS声明：

body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;

它没有加载到页面上。我不得不补充：

    <style>
body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;}
</style>

到HTML让它工作......在Chrome和safari中也是如此......这个很奇怪，想法？

请注意，所有其他CSS都能正常运行...

Answer 1

您是否尝试过选择以下内容？

body, body * {
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
} /* this affects every element in the body and the body itself */

/* OR just */
* {
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
} /* this affects every element */

这是你可以用CSS3做的： http://www.css3.info/preview/web-fonts-with-font-face/

Answer 2

必须使用`font-face启​​用某些字体系列，通常你会做这样的事情

@font-face {
    font-family: 'alex_brushregular';
    src: url('alexbrush-regular-otf-webfont.eot');
    src: url('alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('alexbrush-regular-otf-webfont.woff') format('woff'),
         url('alexbrush-regular-otf-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {

font-family: 'alex_brushregular', Arial, "sans-serif";

}

Answer 3

所以，重要的是，我不知道为什么。一个注意事项，我拿出了额外的家庭，现在看起来像这样：

body, body * {
font-family: Verdana, Tahoma, sans-serif !important;
}

但改变这与修复它无关。重要的是它固定了它。即使在CSS中的任何其他位置没有其他任何改变字体系列的东西（参考工作的JS小提琴）。我附上了开发人员工具的屏幕截图，以显示继承。

Answer 4

这是一篇过时的文章，但是如果人们遇到同样的问题并在此处结束，我建议您确保css文件中没有错误（最简单的检查方法是注释掉除字体系列或将css文件替换为仅具有字体系列设置的文件）。我只是遇到了同样的问题，并且经过数小时的挫败并且无法通过谷歌搜索找到解决方案（这就是为什么我来这篇文章；添加重要信息！对我而言不起作用），原因是我的css文件中的错误，因此浏览器跳过了一些设置，包括字体系列。尽管原始帖子中显示的css文本中没有错误，但实际的css文件中可能存在一个错误。

Answer 5

试试以下示例：

@font-face{font-family:'Arvo';src:url('fonts/Arvo-Regular.ttf')}
@font-face{font-family:'Erasmd';src:url('fonts/ERASMD.TTF')}


body { font-family: Arvo; }

(or)

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; }

我认为这可以帮助您解决问题。

Answer 6

如果您的浏览器使用CSS文件的缓存版本，也会发生这种情况。

在这种情况下，使用 CTRL + F5 进行“硬刷新”可能会有所帮助，例如建议here和here，例如在Firefox docs中。