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 {一旦我将它们分开，就像一个魅力

WebFont不会显示

3 个答案: