Question

我想在我的html页面添加一个自定义字体，但它不起作用，我尽可能地尝试了一切，检查了其他问题，尝试按照自己的方式解决，但没有。
该字体与我的html文件位于同一文件夹中（css位于html文件中）

在html css中我写道：

@font-face {
    font-family: regular;
    src: url("8bitoperator_jve.ttf");
    //src: local("8bitoperator_jve.ttf"); i tried this too
}
body {
    background-color: #000;
    color: #FFF;
    font-family: regular;
}

Answer 1

您应该在本地找到特定字体，但在url中找到一个字体文件。我的意思是，本地字体不需要任何路径或文件扩展名，而字体文件需要它。如果您想首先定位本地文件，可以尝试这样：

@font-face {
    font-family: regular;
    src: local("8bitoperator_jve"),url("8bitoperator_jve.ttf") format('truetype');
}

您也可以尝试从外部CSS文件加载font-face。

Answer 2

@font-face的src属性指定包含字体数据的资源。这可以是：

url：网址到远程字体文件位置;
local：用户计算机上字体的名称。

在您的情况下，您将URL传递给local。相反，您应该使用url：

@font-face {
    src: url('8bitoperator_jve.ttf');
}

如果需要，您也可以同时使用。但请记住优先考虑local，即：

@font-face {
    src: local('Name of your font here'), url('8bitoperator_jve.ttf');
}

无论我做什么，自定义字体都不会显示

2 个答案: