Glyphicons Pro圖標未在Rails 4.2 / Bootstrap中正確顯示

Question

在線購買Glyphicons后，我將帶有Bootstrap（3.3.6）的glyphicons regular Glyphicons集成到Rails 4.2應用程序中。 在此之前，其他人已經集成了glyphicon halfings 。

我所做的是將5個Glyphicon文件（ svg, ttf, eot, woff, woff2 ） glyphicons/web/bootstrap-example/fonts/到glyphicons/web/bootstrap-example/fonts/到assets/fonts/ 。 也將plyphicons/web/bootstrap-example/css/glyphicons.css到“ assets / stylesheets /”。

以下是Rails資產下的文件：

問題是glyphicon regular中的圖標未顯示。

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

問題是字形圖標顯示不正確。 這是草本編碼：

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

它顯示了一個在4個角帶有char（無法讀取）的框。 見下圖：

我們的過程中缺少什么？

Answer 1

好吧，您應該做的第一件事是打開瀏覽器調試控制台（Chrome中的Ctrl + shift + i），並列出導致此錯誤的錯誤。

通常，第三方.css文件中總是有一些圖像引用。 並且，當您集成這些文件時，您需要根據需要更改圖像的url /路徑。

Answer 2

嘗試這樣：

這是在鏈接中使用glyphicons的正確方法

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

Answer 3

您需要做其他事情才能工作，

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

Answer 4

由於樣式表位於Rails的/assets下。 在glyphicon.css ， fonts需要替換為assets 。 更改之后，glyphicon PRO開始工作！