资源加载失败：404（未找到）- Rails自定义字体

Question

资源加载失败：404（未找到）- Rails自定义字体

6

我正在尝试通过CSS的@font-face加载一些自定义字体。我正在使用Rails的fonts_path方法。它成功地在我的开发浏览器中生成了正确的路径：

/assets/fonts/my_font.eot?#iefix

然而，它将此路径附加到0.0.0.0:3000（Rails开发服务器），这可能不是我Rails项目中/assets/fonts/的位置。我不知道由Rails路由的路由和Rails资源之间的关系。

以下是错误信息：

Failed to load resource: the server responded with a status of 404 (Not Found)    http://0.0.0.0:3000/assets/fonts/my_Ffent.woff

以下是我的样式表：

<style type="text/css">
@font-face{
  font-family:"My Font";
  src:url(<%=font_path('/assets/fonts/my_font.eot?#iefix')%>);
  src:url(<%=font_path('/assets/fonts/my_font.eot?#iefix')%>) format("eot"),url(<%=font_path('/assets/fonts/my_font.woff')%>) format("woff"),url(<%=font_path('/assets/fonts/my_font.ttf')%>) format("truetype"),url(<%=font_path('/assets/fonts/my_font.svg#c1b10d74-5304-41c3-b9de-00f29187df91')%>) format("svg");
}
</style>

样式表位于application.html.erb，这可能是问题的一部分？它在<head>标签中定义。

- Thalatta

你尝试过这里的解决方案吗： https://dev59.com/zmgv5IYBdhLWcg3wBMOg - afishintaiwan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- TheSearcher · Accepted Answer

我查看了我的代码，其中使用了@font-face，并以以下方式记录。请尝试并查看是否适用于您。如您所见，我仅通过声明字体名称来本地声明字体源。

@font-face {
    font-family: 'yourfont Novum Light';
    src: local('yourfont Novum Light') url("https://cns.xx.com/ux/site/1.1/fonts/yourfont-novum/yourfont-Novum-Light.eot");

font-weight: 400;
font-style: normal

}