Question

我能够在localhost中使用字体，但无法让它们在heroku上运行。

我已经研究和尝试了很长一段时间并阅读了几篇文章，但似乎没有任何工作。

以下是所有相关信息：

FONT FILE

我有一个字体文件 /assets/fonts/MavenProLight-300.otf

CSS

在application.css.erb中我有

      @font-face {
        font-family: 'maven';
        src:font-url('MavenProLight-300.otf');
        src:url('MavenProLight-300.otf');
        font-weight: normal;
        font-style: normal;
        }

production.rb

在config / production.rb中我有

  config.assets.paths << Rails.root.join("app", "assets", "fonts")
  config.assets.enabled = true

当我部署到heroku本地编译时

RAILS_ENV =生产包exec rake资产：预编译
git add public / assets
git push heroku master

我的猜测是这行代码关闭了：

src:font-url('MavenProLight-300.otf');

感谢您的帮助

Answer 1

您是否尝试过使用font_url？

 @font-face {
    font-family: 'maven';
    src: font_url('MavenProLight-300.otf');
    src: font_url('MavenProLight-300.otf');
    font-weight: normal;
    font-style: normal;
  }

您的其他步骤似乎是正确的（至少根据我们将应用程序部署到Heroku的方式）

Answer 2

我没有任何内容可以添加到@RichardPeck的答案中，除非记得使用正确的标签来启动红宝石（ .erb文件）

@font-face {
       font-family: 'maven';
       src: <%= font_url('MavenProLight-300.otf') %>; // ADD THE TAGS
       src: <%= font_url('MavenProLight-300.otf') %>; // ADD THE TAGS
       font-weight: normal;
       font-style: normal;
}

自定义字体无法在rails中的heroku上呈现

2 个答案: