导入某些字体的{font-face问题

Question

我正在制作一些网站，我想导入字体。我把它放到文件夹字体中。

@font-face{
font-family: Alex;
src:local("fonts/AlexBrush-Regular.otf") format("opentype");
}

h1{
font-family: Alex, "Helvetica Neue", "Open Sans", sans-serif;
font-size: 70px;
font-weight: bold;
text-align: center;

}

如何使其有效？

Answer 1

你需要改变的只是一件小事：

改变这个：

@font-face{
    font-family: Alex;
    src:local("fonts/AlexBrush-Regular.otf") format("opentype");
}

分为：

@font-face{
    font-family: Alex;
    src:url("fonts/AlexBrush-Regular.otf") format("opentype");
    /* Changed src:local to src:url */
}

希望这有帮助！