CSS-无法包含.ttf文件

Question

我要在页面上使用 fontlero 字体，并下载了.ttf文件。我将其包含在我的主要CSS中，但这给了我一些其他字体。这是我的CSS代码：

@font-face {
font-family: FONTLERO;
src: url(fonts/FONTLERO.TTF);
}

.customfont { 
font-family: "FONTLERO";
src: url('../fonts/FONTLERO.TTF') format('embedded-opentype'),
url('../fonts/FONTLERO.TTF') format('opentype');
}

.story h1 {
font-family: FONTLERO;
font-size: 120px;
}

Answer 1

路径应位于CSS文件夹中，如下所示

css/fonts/FONTLERO.TTF