獲取字體路徑在CSS工作在軌道4,5

我已經得到了lato-black.eot與字體的工作：

assets/fonts/lato/lato-black.eot

我已經在flat-ui.css得到這個（不SCSS）

@font-face { 
    font-family: 'Lato'; 
    src: font-path('lato/lato-black.eot'); 
    src: font-path('lato/lato-black.eot?#iefix') format('embedded-opentype'), font-path('lato/lato-black.woff') format('woff'), font-path('lato/lato-black.ttf') format('truetype'), font-path('lato/lato-black.svg#latoblack') format('svg'); 
    font-weight: 900; 
    font-style: normal; 
}

我在config/application.rb

得到這個10

編輯：這並不在CSS代碼工作：

@font-face { 
    font-family: 'Lato'; 
    src: url(<%= asset_path 'lato/lato-black.eot' %>); 
    src: url(<%= asset_path 'lato/lato-black.eot?#iefix' %>) format('embedded-opentype'), url(<%= asset_path 'lato/lato-black.woff' %>) format('woff'), url(<%= asset_path 'lato/lato-black.ttf' %>) format('truetype'), url(<%= asset_path 'lato/lato-black.svg#latoblack' %>) format('svg'); 
    font-weight: 900; 
    font-style: normal; 
}

來源

2014-11-03 fuzzybabybunny

它不適用於開發或生產env？你在使用LESS還是SASS？您是否在較少/ sass處理後檢查了css的輸出？ – blelump 2014-11-03 08:54:22

我沒有使用較少或sass。上面的代碼在一個css文件中。我目前正在開發。 – fuzzybabybunny 2014-11-03 09:03:00

這些'font-path/font-url'助手來自LESS/SASS Rails包裝器。如果您沒有使用它，請將其放下並替換爲「url」。 – blelump 2014-11-03 09:05:11

嘗試資產網址（），而不是字體路徑（）

src: asset-url('lato/lato-black.eot');

而在你production.rb：

# Precompile additional assets 
config.assets.precompile += %w(.svg .eot .woff .ttf)

來源

獲取字體路徑在CSS工作在軌道4,5

回答

相關問題