Glyphicons Pro 图标在 Rails 4.2/Bootstrap 中未正确显示答案

【问题标题】：Glyphicons Pro icon not showing correctly in Rails 4.2/BootstrapGlyphicons Pro 图标在 Rails 4.2/Bootstrap 中未正确显示
【发布时间】：2016-05-24 18:01:24
【问题描述】：

在线购买 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 assets 下的文件：

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

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

问题在于字形图标没有正确显示。这是草药代码：

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

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

我们的流程中缺少什么？

【问题讨论】：

能否告诉我控制台错误（如果有），以及 html 中的元素（f12，检查元素...）

标签： css ruby-on-rails twitter-bootstrap glyphicons

【解决方案1】：

好吧，你应该做的第一件事是打开浏览器调试控制台（在 chrome 中为 Ctrl+shift+i）并列出导致此错误的错误。

通常在第三方 .css 文件中总会有一些图像引用。当您集成这些文件时，您需要根据需要更改图像 url/路径。

【讨论】：

【解决方案2】：

试试这样：

这是在链接中使用字形图标的正确方法

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

问题是如何添加glyphicon PRO。 glyphicon halfling 一直在应用中工作。
引导程序中没有 glyphicon PRO 捆绑包。不过半身人已经在里面了。为了显示这些，您需要检查 css 十六进制代码是否可以使用。

【解决方案4】：

因为样式表在 Rails 中位于 /assets 之下。在glyphicon.css中，fonts需要替换为assets。在此更改之后，glyphicon PRO 开始工作！

【讨论】：