html - WebFont 不会显示

Question

所以我想为我的网页正文设置一个字体，所以我用这段代码创建了一个 core.css 文件:

@font-face {
font-family: Bebas; 
src: url('../fonts/bebas-webfont.ttf') format('truetype'),
     url('../fonts/bebas-webfont.eot') format('embedded-opentype'),
     url('../fonts/bebas-webfont.woff') format('woff'),
     url('../fonts/bebas-webfont.svg') format('svg');
font-weight: 700;
}

body{
background: url('../images/bg_1.png')repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Bebas', serif;
}

但它似乎并没有出现...甚至当我尝试 <font face="bebas"></font> 时也没有出现...我用另一种字体试过这个并且它有效，我不知道发生了什么。字体文件位于正确的位置。

解决方案:当我使用 2 种字体时，我忘记使用两个单独的@font-face {一旦我把它们分开，就像一个魅力

Answer 1

您在这里创建的是 weight=700 的字体。尝试添加 font-eweight:700； body :

body{
background: url('../images/bg_1.png')repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Bebas', serif;
font-weight:700;
}