是否未加载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>

在chrome和safari...this one中把它转到work...This是真的，你觉得呢？

请注意，所有其他CSS都工作正常...

Answer 1

所以，!important起作用了，我不知道为什么。注意，我去掉了额外的家庭，现在看起来是这样的：

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

但改变这一点与修复它没有任何关系。!important修复了它。即使在CSS中的任何其他点上没有任何其他更改字体系列(请参考工作的JS菲德尔)。我附上了开发人员工具的屏幕截图，以显示继承。

​

​

Answer 2

你有没有试过选择下面的内容？

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 3

一些字体系列必须使用`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";

}