@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");
}

我知道在本地文件加载失败的情况下有一个后备链接是很好的，但当我离线编辑代码时，我注意到本地文件不起作用。我三次检查了文件夹结构，在主网站上测试了代码(减去外部链接(，看看它是否只是我的html预览程序，等等。我不明白为什么它不能正确链接。

如果你想进一步研究这一点，我的代码也在github上。谢谢

Answer 1

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