来自otf的CSS导入字体

Question

伙计们，我在从otf文件导入字体时遇到了麻烦

的main.css

@font-face {
    font-family: 'testfont';
    src: url('fonts/test.otf');
}

.fonttest {
    font-family: 'testfont';
}

main.html中

<p class="fonttest">TESTtest</p>

但是当我尝试启动主页时，它仍然显示了html的标准字体。 当我在我的浏览器opera和chrome上使用检查器时，它表示该字体已被接受

Answer 1

使用此;

@font-face {
    font-family: testfont;
    src: url("fonts/test.otf") format("opentype");
}

Answer 2

您可以使用@ font-face来实现您的OTF字体，如：

@font-face {
    font-family: testfont;
    src: url("fonts/test.otf") format("opentype");
}

@font-face {
    font-family: testfont;
    font-weight: bold;
    src: url("fonts/test.otf") format("opentype");
}