的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

給/ assets /留下你的網址。 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 */