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