html - 相对路径不适用于自定义字体

Question

当我的代码投入生产时，我在尝试使用相对路径调用我的自定义字体时遇到问题。在我的本地设置中一切正常。

这是我的文件夹结构

-fonts
--Neil.eot
--Neil.woff
--Neil.ttf
--Neil.svg
-stylesheets
--style.css

这里是自定义字体声明，在 style.css 中

@font-face {
  font-family: "Neil";
  src: url('../fonts/Neil.eot');
  src: url('../fonts/Neil.woff') format('woff'),
       url('../fonts/Neil.ttf') format('truetype'),
       url('../fonts/Neil.svg#Helvetica') format('svg');
  font-weight: normal;
  font-style: normal;
}

我必须使用绝对路径才能使其在生产中运行。如果有人有提示。

Answer 1

所以，这不是相对路径问题，而是我的 wordpress 配置错误导致的跨域请求错误。 网站地址与 wordpress 地址不同。

感谢您的关注!