@font face不会对页面应用任何字体

Question

我尝试过ttf和woff格式，在chrome、firefox和edge中使用多种不同的字体，但无论我做什么，它似乎都不会应用任何字体。除了@font face之外，样式表中的其他内容都引用得很好。我已经检查了目录和语法错误，但据我所见，没有。

body {
background-color: black;
color: #B0C1B4;
}
p {
font-family: font !important;
font-weight: 100;
}
#log {
width: 65%;
}
@font-face {
font-family: 'font';
src: url(data/fonts/font.ttf) format(ttf),
url(data/fonts/font.woff) format(woff);
font-style: normal;
font-weight: 100;
}

Answer 1

您在这里定义了错误的路径。路径必须是这样的：

@font-face {
font-family: 'font';
src: url(data/fonts/font.ttf) format(ttf),
url(data/fonts/font.woff) format(woff);
font-style: normal;
font-weight: 100;
}