Twitter Bootstrap Heroku中的Glyphicons

我開發了一個應用程序，其中我使用twitter bootstrap進行了一些前端上訴。然而，當我部署到heroku的時候，每個人看起來都很好，但Glyphicons卻一團糟。在谷歌瀏覽器中，所有字形都是正方形。在firefox中，所有的字形都是平坦的。我安裝引導創業板（https://github.com/seyhunak/twitter-bootstrap-rails）：Twitter Bootstrap Heroku中的Glyphicons

gem "twitter-bootstrap-rails", :group => :assets

而且，這裏是谷歌Chrome &的Firefox屏幕截圖搞砸Glyphicons，如以及如何在本地Glyphicons看：

http://imgur.com/a/BIYhI#4

這裏是在瀏覽器加載在Heroku的Glyphicons CSS的截圖：

http://i.imgur.com/qhOF3.png

這裏是Glyphicons CSS的屏幕截圖局部：

http://i.imgur.com/mxkNH.png

任何和所有的輸入將被大規模理解。

來源

2012-09-11 flyingarmadillo

好吧，我在this github post找到我的解決方案。

我所做的只是將寶石從資產類別中移出。從這：

gem "twitter-bootstrap-rails", :group => :assets

要這樣：

gem "twitter-bootstrap-rails"

而且Glyphicons現在正常工作。

來源

2012-09-12 11:07:20 flyingarmadillo

我有一個使用bootstrap-sass gem的類似問題。最後，我不得不將4個字體文件直接複製到public/assets/bootstrap文件夾（在嘗試訪問這些文件時發生了404）。

這感覺凌亂，但我不明白如何正確調試以找到更好的方法。

來源

2013-12-12 15:08:30 KnownColor

同樣的問題在這裏報告了一個問題：https：//github.com/twbs/bootstrap-sass/issues/ 500 –

font_assets寶石是專門爲此創建的。使用這個解決了我的問題。（如果您正在從CloudFront提供資產，請不要忘記在安裝此Gem後使資產無效。）

來源

2014-04-23 23:38:42 jesal

Twitter Bootstrap Heroku中的Glyphicons

回答

相關問題