8

我有以下 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 工作正常...

4

6 回答 6

7

您是否尝试选择以下？

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/

于 2013-01-17T13:06:09.370 回答
7

所以， !important 起作用了，我不知道为什么。一张便条，我取出了额外的家庭，现在看起来像这样：

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

但改变它与修复它无关。!important 修复了它。即使在 CSS 中的任何其他位置没有任何其他更改字体系列（请参阅工作中的 JS Fiddle）。我附上了开发者工具的截图来展示继承。

开发者工具

于 2013-01-17T16:03:58.393 回答
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";

}
于 2013-01-17T13:33:30.740 回答
2

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

于 2020-07-30T12:25:01.283 回答
0

只需尝试以下示例：

@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; }

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

于 2013-01-17T13:16:29.033 回答
0

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

CTRL在这种情况下，使用+的“硬刷新”F5可能会有所帮助，如此处和此处以及Firefox 文档中所建议的那样。

于 2020-11-08T20:31:42.437 回答