Rails 3, @font -столкнулись со сбоем в производстве с Firefox

Я использую шрифт -awesome в приложении для рельсов 3, и в режиме разработки все в порядке, но когда я нажимаю на Heroku, Firefox не может отображать значки, и вместо этого я вижу это:

enter image description here

  • Chrome отлично отображает значки при разработке и производстве
  • . Это влияет только на FireFox (, хотя я не пробовал IE )
  • . Приложение здесь , я был бы признателен, если бы кто-нибудь мог подтвердить, что это происходит не только на моей машине (, чтобы помочь мне исключить проблему кэширования локального хоста ).
  • Все активы, включая шрифты и таблицы стилей, размещаются на S3 с использованием гем актива _синхронизации .

Вот что я сделал:

В начало шрифта добавлено следующее: -awesome.css.scss:**

// font-awesome.css.scss
@font-face {
  font-family: 'FontAwesome';
  src: font-url("fontawesome-webfont.eot");
  src: font-url("fontawesome-webfont.eot?#iefix") format("eot"),
       font-url("fontawesome-webfont.woff") format("woff"),
       font-url("fontawesome-webfont.ttf") format("truetype"),
       font-url("fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal;
}

Затем я помещаю это в application.rb:

# application.rb
config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile += %w(.svg.eot.woff.ttf )

Наконец, я поместил все 4 файла шрифтов в app/assets/fonts.

Я действительно хотел бы знать, что я делаю неправильно здесь.

23
задан merv 7 July 2012 в 17:07
поделиться