css3 - Remote 上的@ font-face问题

我正在尝试加载此自定义字体，但无法使其在我的服务器上正常工作。我只是提供静态文件。这是我正在使用的确切语法，并且在我的本地计算机上运行良好。

@font-face {
  font-family: "Telegrafico";
  src: url('/assets/fonts/telegrafico.woff') format('woff'), url('/assets/fonts/telegrafico.eot') format('embedded-opentype'), url('/assets/fonts/telegrafico.ttf') format('truetype'), url('/assets/fonts/telegrafico.svg') format('svg');
}

问题出在所有浏览器中...我无法终生弄清楚出了什么问题。

任何帮助表示赞赏！

最佳答案

从我们的聊天中。

您在CSS中使用了绝对URL。
但是，实际上，您的站点是从子目录提供的。
（这里的错误是您本地站点的模型与实际环境之间的不匹配）

解决方案是在CSS中使用相对路径，而不是绝对路径。

所以假设/ assets / css和/ assets / fonts

@font-face {
  font-family: "Telegrafico";
  src: url('../fonts/telegrafico.woff') format('woff'), url('../fonts/telegrafico.eot') format('embedded-opentype'), url('../fonts/telegrafico.ttf') format('truetype'), url('../fonts/telegrafico.svg') format('svg');
}

应该足够