Question

@font-face {
  font-family: 'customfont';
  font-weight: 400;
 font-style: normal;
 src: font-url('customfont/customfont.eot');
 src: font-url('customfont/customfont.eot?#iefix')    format('embedded-opentype'),
      font-url('customfont/customfont.woff') format('woff'),
      font-url('customfont/customfont.ttf') format('truetype'),
      font-url('customfont/customfont.svg') format('svg');
 }

我在scss样式表中有这个。字体位于app / assets / fonts / customfont /

中

我尝试了其他帖子提出的建议，即在application.rb中放入各种预编译方法，但是没有用。

我也尝试过遵循本指南 https://gist.github.com/anotheruiguy/7379570 但是当我对网址进行硬编码时，它还没有工作。

Chrome工具为该字体提供了404。 https://shelf-90690.herokuapp.com/fonts/customfont/customfont.woff无法加载资源：服务器响应状态为404（未找到）

帮助将不胜感激。

Answer 1

它是否在本地按预期工作？

如果是，并且在推送到heroku之前已经预编译了代码，请尝试在heroku上预编译资源并重新启动服务器。

 heroku run rake assets:precompile

 heroku restart -a your_app_name

在heroku，rails 4上部署时，字体不起作用

1 个答案: