Glyphicons Pro图标在Rails 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到`assets / stylesheets /'.

以下是Rails资产下的文件：

问题是glyphicon regular中的图标没有显示。

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

问题是glyphicon显示不正确。这是草药代码：

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

它在4个角落显示一个带有char（无法读取）的框。见下图：

我们的流程中缺少什么？

Answer 1

嗯，你要做的第一件事就是打开浏览器调试控制台（chrome + shift + i in chrome）并列出导致此错误的错误。

通常，第三方.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开始工作！