我在ruby-on-rails-4和我的開發模式中使用font-awesome,在chrome和firefox中都可以正常工作 。但我無法找出什麼原因,字體真棒和圖像沒有加載到生產模式,其中font-awesome在鉻中工作正常。字體真棒和圖像不加載在ruby-on-rails-4生產firefox
1
A
回答
0
嘗試此字體真棒在軌道4,5:
https://coderwall.com/p/1uqvkq
希望這將有助於。
或 試試這個,如果上面的一個不適合你。 第一:添加app/assets/fonts
到資產路徑(配置/ application.rb中)
config.assets.paths << Rails.root.join("app", "assets", "fonts")
然後字體文件移動到/資產/字體(先創建的文件夾)
現在重新命名的字體 - 真棒。 CSS來FONT-awesome.css.scss.erb和編輯這樣的變化:
@font-face {
font-family: "FontAwesome";
src: url('../font/fontawesome-webfont.eot');
src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
這樣:
@font-face {
font-family: "FontAwesome";
src: url('<%= asset_path("fontawesome-webfont.eot") %>');
src: url('<%= asset_path("fontawesome-webfont.eot") + "?#iefix" %>') format('eot'), url('<%= asset_path("fontawesome-webfont.woff") %>') format('woff'), url('<%= asset_path("fontawesome-webfont.ttf") %>') format('truetype'), url('<%= asset_path("fontawesome-webfont.svg") + "#FontAwesome" %>') format('svg');
font-weight: normal;
font-style: normal;
}
讓我們試試這個。
0
我有這個完全相同的問題。
事實證明,這是由於我正在編譯資產時處於暫存模式並在生產模式下運行。
0
對我來說最簡單的修復方法是使用Font Awesome "get started" page上描述的CDN。
刪除樣式和字體文件的任何本地副本,只是把這個頭:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
(電流的2014年7月7日,參見上述最新版本的鏈接)
相關問題
- 1. 字體和字體真棒圖標不通過SSL加載
- 2. 字體真棒圖像疊加
- 3. 字體真棒不加載網:: ERR_FILE_NOT_FOUND
- 4. Django:字體真棒沒有在Firefox上加載
- 5. 字體真棒字體不加載在生產中,但加載罰款使用webpack-dev-server
- 6. 在添加字體真棒
- 7. 如何使用字體 - 真棒加載圖像
- 8. 字體真棒加載非常緩慢
- 9. 字體真棒堆疊圖像
- 10. 切換字體真棒圖像太
- 11. 字體真棒圖標不會在Chrome
- 12. 資產合併無法加載少字體真棒用@ {}
- 13. 搜索框不加載字體真棒圖標
- 14. 字體真棒圖標與文字不
- 15. 警予添加字體真棒圖標
- 16. 字體真棒圖標
- 17. jqGrid:字體真棒圖標
- 18. 如何在字體目錄中加載字體真棒?
- 19. 字體真棒和統一
- 20. 字體真棒和i3bar
- 21. 字體真棒和javascript
- 22. 字體真棒圖標和切換
- 23. 添加背景圖像到字體真棒圖標
- 24. 字體真棒沒有加載在一個特定的機器在Firefox 25
- 25. 字體真棒不對齊
- 26. 字體真棒不工作
- 27. 不顯示字體真棒圖標
- 28. 字體真棒圖標不工作
- 29. 字體真棒袋圖標不顯示
- 30. 字體真棒圖標不工作
您是否預編譯了靜態資產? – sunil
是的,我預先編譯資產,它在Chrome中工作正常。 – user3276063