Rails 3.2.x - 無法在localhost上設置font-face

整天我試圖在本地主機上設置@font-face。這裏是我的設置：Rails 3.2.x - 無法在localhost上設置font-face

application.rb和development.rb：

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

在CSS：

@font-face { 
    font-family: 'my_font'; 
    src: asset-url('font_name.eot', font); 
    src: asset-url('font_name.eot?#iefix', font) format('embedded-opentype'), 
     asset-url('font_name.woff', font) format('woff'), 
     asset-url('font_name.ttf', font) format('truetype'), 
     asset-url('font_name.svg#AndrogyneMedium', font) format('svg');  
}

我試過也預編譯的資產：

bundle exec rake assets:precompile

我也試過幾次重新啓動應用程序，但沒有沒有幫助我。

任何人都可以給我任何建議，如何解決它？預先感謝您。

編輯： 好球員，我會給你無數塊錢誰幫我解決這個問題:)我可能已經嘗試過的一切......

來源

2012-12-25 user984621

這聽起來很愚蠢，但你有檢查，看看字體網址是否解決？ –

您需要將文件添加到預編譯配置以及：

config.assets.precompile += %w(*.svg *.eot *.ttf *.woff)

來源

2012-12-25 20:30:07 Femaref

如果您在assets/fonts中組織字體，則可以使用以下設置。

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

我使用的字體真棒圖標字體，所以在font-awesome.sass我用font-url助手（即從你asset-url不同）。

# vendor/stylesheets/font-awesome.sass 
@import compass/css3/font-face 

@font-face 
    font-family: 'FontAwesome' 
    src: font-url("fonts/fontawesome-webfont.eot") 
    src: font-url("fonts/fontawesome-webfont.eot?#iefix") format("eot"), font-url("fonts/fontawesome-webfont.woff") format("woff"), font-url("fonts/fontawesome-webfont.ttf") format("truetype"), font-url("fonts/fontawesome-webfont.svg#FontAwesome") format("svg")

來源：related stackoverflow question

來源

2012-12-25 22:06:11

我不知道我在做什麼錯誤，但我完全是這樣的設置，它仍然無法正常工作...仍然這些新的字體不起作用。 – user984621

看看編輯是否有任何價值：-D –

嗨托馬斯...嘗試和嘗試，但不幸的是，相同的......字體沒有加載。 – user984621

我掙扎在這個問題上，所以我的解決辦法是，看是否typekit有，我一直在尋找，他們做的字體和我不停地移動它。你不應該花幾個小時擔心字體，而是代碼，所以檢查它，因爲它會爲你節省時間和頭痛。

來源

2012-12-25 22:24:16 coletrain

Rails 3.2.x - 無法在localhost上設置font-face

回答

相關問題