Пользовательские шрифты не будут отображаться в Firefox for Rails 4 Application

Question

Я загрузил собственный шрифт под названием Kodin, и все работает в IE, Chrome и Safari, но не в Firefox.

Я загрузил все пользовательские шрифты в приложение/активы/шрифты

файлы Включенные ....

Kodin-Regular.otf 
Kodin-Regular.eot 
Kodin-Regular.woff 
Kodin-Regular.ttf 

Мой файл application.css включает в себя ...

@font-face { 
     font-family: "KODIN"; 
     src: url('/assets/Kodin-Regular.otf') format("truetype"); 
     src: url('/assets/Kodin-Regular.eot') format('embedded-opentype'), 
      url('/assets/Kodin-Regular.woff') format('woff'), 
      url('/assets/Kodin-Regular.ttf') format('truetype'); 
     font-weight: normal; 
     font-style: normal; 
    } 

И все в порядке. Но шрифт не передает ANYWHERE на сайте в Firefox. Я видел несколько потоков переполнения стека о том, как это разрешить, но ни один из них не содержит конкретных рекомендаций Rails.

Спасибо!

UPDATE

Найдено несколько ошибок консоли в Firefox. Неправильный путь?

downloadable font: download failed (font-family: "KODIN" style:normal weight:normal stretch:normal src index:0): status=2147746065 source: http://localhost:3000/assets/Kodin-Regular.otf application.css:25:12 
downloadable font: download failed (font-family: "KODIN" style:normal weight:normal stretch:normal src index:2): status=2147746065 source: http://localhost:3000/assets/Kodin-Regular.woff application.css:25:12 
downloadable font: download failed (font-family: "KODIN" style:normal weight:normal stretch:normal src index:3): status=2147746065 source: http://localhost:3000/assets/Kodin-Regular.ttf application.css 

Answer 1

Попробуйте использовать путь к ресурсам, как показано на рисунке, надеемся, что это сработает.

src:url(asset-path('Kodin-Regular.otf')) format('truetype'); 

Answer 2

После нескольких недель сдачи этого сбоку я наконец нашел разрешение.

Мой CSS является излишним, но я думаю, что Firefox требует своего собственного @ шрифт лица для каждого актива вы звоните ...

@font-face { 
    font-family: "KODIN"; 
    src: url('/assets/KODIN-Regular.otf') format("truetype"), 
     url('/assets/KODIN-Bold.otf') format("truetype"), 
     url('/assets/KODIN-Light.otf') format("truetype"), 
     url('/assets/KODIN-Medium.otf') format("truetype"), 
     url('/assets/KODIN-Regular.eot') format('embedded-opentype'), 
     url('/assets/KODIN-Regular.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('/assets/KODIN-Regular.woff') format('woff'), 
     url('/assets/KODIN-Regular.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: "KODIN-bold"; 
    src: 
     url('/assets/KODIN-Bold.otf') format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: "KODIN-light"; 
    src: 
     url('/assets/KODIN-light.otf') format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: "Kodin-light"; 
    src: 
     url('/assets/KODIN-light.otf') format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: "KODIN-medium"; 
    src: 
     url('/assets/KODIN-medium.otf') format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
} 

И при вызове этих шрифтов в CSS, называя фонты чувствительный к регистру ... чувствительный к регистру, не выглядит проблемой в Safari, IE или Chrome, но по какой-то причине возникла проблема с firefox.