css - 在我的 Rails 应用程序中找不到一些字体文件

Question

Rails 应用，部署到 digitalocean:找不到字体文件，“entypo.ttf”和“entypo.woff”正在生产。

字体文件路径:app/assets/fonts。

字体的 CSS 代码:

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

在开发环境中一切正常。

有什么解决办法吗？

Answer 1

您必须使用 asset-path 或 asset-url 而不是尝试直接链接到文件。您的生产环境可能会为您对文件进行指纹识别。

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

确保您阅读了 the asset pipeline !特别是关于 CSS and SASS 的小节