glyphicons PRO圖標無法在Rails 4.2中正確顯示4.2/bootstrap

Question

在線購買glyphicons後，我將glyphicons regular與bootstrap (3.3.6)集成到Rails 4.2應用程序中。在此之前glyphicon halfings已被其他人整合。我所做的就是將5個glyphicon文件（svg, ttf, eot, woff, woff2）複製到glyphicons/web/bootstrap-example/fonts/到assets/fonts/。也複製到plyphicons/web/bootstrap-example/css/glyphicons.css to`assets/stylesheets /'。以下是文件下軌資產：

的問題是，在glyphicon regular圖標不顯示。

在application.css.scss，添加@import glyphicons.css

的問題是，所述glyphicon不正確顯示。這裏是草藥codel：

<%= link_to '<i class="glyphicons glyphicons-eye-open"></i> Free Trial Now'.html_safe,... %> 

它顯示了一個盒子與char（無法讀取）在4個角落。見下圖：

我們的過程中缺少什麼？謝謝。

Answer 1

由於樣式表在/assets下Rails。在glyphicon.css,fonts需要用assets替換。在這個變化之後，glyphicon PRO開始工作！

Answer 2

那麼，你應該做的第一件事是打開瀏覽器調試控制檯（chrome中的Ctrl + shift + i）並列出導致此錯誤的錯誤。

正常情況下，第三方.css文件中總是會有一些圖像引用。 當你整合這些文件時，你需要根據需要更改圖片url /路徑。

Answer 3

嘗試這樣的：

這是使用glyphicons到鏈路

<td><%= link_to edit_user_path(user) do %> 
     <i class="glyphicons glyphicons-eye-open" title='Edit'></i> 
     <% end %> 
    </td> 

Answer 4

你需要做其他事情的工作正確的方法，

檢查本教程： http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application/