加载资源失败:404(未找到)- Rails 自定义字体

Posted

技术标签:

【中文标题】加载资源失败:404(未找到)- Rails 自定义字体【英文标题】:Failed to load resource: 404 (Not Found) - Rails custom fonts 【发布时间】:2014-09-16 10:00:51 【问题描述】:

我正在尝试通过 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 可能是问题的一部分?它在&lt;head&gt; 标签中定义。

【问题讨论】:

你有没有试过这里的解决方案:***.com/questions/10905905/… 【参考方案1】:

查看了我使用@font-face 的代码并以这种方式记录了它。试一试,看看它是否适合你。 如您所见,我仅通过声明其名称来声明字体 src localy。

@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

【讨论】:

以上是关于加载资源失败:404(未找到)- Rails 自定义字体的主要内容,如果未能解决你的问题,请参考以下文章

错误:加载资源失败:服务器响应状态为 404(未找到)

Apache Cordova:“加载资源失败:服务器响应状态为 404(未找到)”

加载资源失败:服务器响应状态为 404(未找到)

加载资源失败:服务器响应状态为 404(未找到)

Angular 5 - 加载资源失败:服务器响应状态为 404(未找到)

加载资源失败:服务器使用 laravel 8 / ajax 响应状态为 404(未找到)