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

Answer 2

检查您的浏览器开发者控制台。答案就在那里。此外，路径是相对于您的 css 文件而不是您的 html 的。这里不需要字体粗细。

Answer 3

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