Rails 3 CSS3 шрифт не загружен

Question

Application.css:

@font-face { 
    font-family: "Futura-Light"; 
    src: url("/assets/Futura-Light.ttf") format("truetype"); /* For IE */ 
    src: local("Futura-Light"), url("/assets/Futura-Light.ttf") format("truetype"); /* For non-IE */ 
    font-weight: normal; 
    font-style: normal; 
} 

* {margin:0px;padding:0px;} 
#wrap {width:730px;position:relative;font-family:"Futura-Light";} 

Я добавил это application.rb:

config.assets.paths << "#{Rails.root}/app/assets/fonts" 

И я могу скачать шрифт при посещении: http://localhost:3000/assets/Futura-Light.ttf

Почему шрифт не загружен?

Answer 1

Оставьте/активы/ваши URL. Rails добавят это для вас, потому что в процессе разработки и производства эти пути могут отличаться.

src: url("Futura-Light.ttf") format("truetype"); /* For IE */ 
    src: local("Futura-Light"), url("Futura-Light.ttf") format("truetype"); /* For non-IE */ 

Answer 2

его хорошо, чтобы написать путь файлы шрифтов с помощью asset_path как показано ниже.

src: url(<%= asset_path 'Futura-Light.ttf' %>) format('truetype'); /* For IE */ src: local("Futura-Light"), url(<%= asset_path 'Futura-Light.ttf' %>) format('truetype'); /* For non-IE */