ruby-on-rails – Rails 4：为什么字体不能在生产中加载？

发布时间：2020-12-16 19:38:00 所属栏目：百科来源：网络整理

导读：我的Rails 4应用程序在生产中无法加载字体,它在开发中正常工作. 资源在部署时在服务器上预编译. 我有我的字体应用程序/资产/字体我的app.css： @font-face { font-family: 'WalkwayBoldRegular'; src: url('Walkway_Bold-webfont.eot'); src: url('Walkway

我的Rails 4应用程序在生产中无法加载字体,它在开发中正常工作.

资源在部署时在服务器上预编译.

我有我的字体

应用程序/资产/字体

我的app.css：

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

在我的production.rb我有：

config.assets.precompile << Proc.new { |path|
  if path =~ /.(eot|svg|ttf|woff)z/
    true
  end
}

解决方法

我们上周遇到这个问题 – 问题是您的资产将被编译为对其进行MD5散列,而您的标准CSS仍将寻找其“标准”名称.这是图像和字体.

@font-face {
    font-family: 'akagi';
    src: asset_url('fonts/akagi-th-webfont.eot');
    src: asset_url('fonts/akagi-th-webfont.eot?#iefix') format('embedded-opentype'),asset_url('fonts/akagi-th-webfont.woff') format('woff'),asset_url('fonts/akagi-th-webfont.ttf') format('truetype'),asset_url('fonts/akagi-th-webfont.svg#akagithin') format('svg');
    font-weight: 300;
    font-style: normal;
}

这是一个如何使用scss文件动态加载资源的示例.这些文件被编译(在push或init之前)到.css文件中,所有这些文件的资产都正确同步.

我们与Heroku有类似的问题,并通过将我们的文件放在/stylesheets/layout/fonts.css.scss中,然后调用

@import '/layout/fonts';

我们也叫我们的application.css – > application.css.scss来支持@import函数

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!