@font-face 在本地不工作，但在外部链接时工作

Question

所以，我有一个用于网站的 .ttf 字体（以及其他字体），代码格式如下：

@font-face {
    font-family: DEP;
    src: local("fonts/DEP/DEP.ttf") format("truetype");
    src: local("fonts/DEP/DEP.woff") format("woff");
    src: local("fonts/DEP/DEP.otf") format("opentype");
    src: url(https://codehs.com/uploads/98892640bda8f3fe5654e3c6d20d5c8c) format("truetype");
}

我知道在本地文件无法加载的情况下使用回退 link 是件好事，但我注意到当我离线编辑代码时本地文件无法正常工作。我三重检查了文件夹结构，测试了主站点上的代码（减去外部 link），看看它是否只是我的 html 预览器，等等。我不明白为什么它赢了't link 正确。

My code is also on github 如果您想进一步调查此问题。谢谢！

Answer 1

local() 接受本地安装的字体的系统标识符，而不是文件路径，请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#specifying_local_font_alternatives

@font-face 在本地不工作，但在外部链接时工作

@font-face not working locally but works when linked externally

html

css

font-face