如何在 Rails 中设置 Github Octicons？答案

【问题标题】：How to set up Github Octicons in Rails?如何在 Rails 中设置 Github Octicons？
【发布时间】：2016-06-14 17:46:15
【问题描述】：

我已经安装了引导程序

gem 'bootstrap', '~> 4.0.0.alpha3'

然后我从 https://github.com/github/octicons/ 下载了 ocicons .解压后，我将octicons目录复制到app/assets/stylesheets/。然后在application.scss我添加了这一行：

@import "octicons/octicons.scss";

但我仍然无法让 Octicons 工作。为我的应用程序设置它的正确方法是什么？

【问题讨论】：

什么不起作用？除了没有显示表情符号之外，您在浏览器中看到 CSS 了吗？你有 404 吗？
我没有收到任何错误。我在html.erb 文件中添加了<span class="octicon octicon-person"></span>，但在浏览器中看不到这个图标。
但是当你检查那个元素时你确实看到了 CSS 吗？网络标签呢？你看到字体/svg 文件加载了吗？编辑：我的意思是浏览器上的错误，而不是 Rails。
是的，我可以在检查 CSS 时看到它。但在网络选项卡中，我没有看到任何文件加载。
对不起，我以为你指的是 html 元素。我在样式选项卡中看不到 Octicon 的任何 CSS。同样在网络选项卡中，我在重新加载页面后看不到任何字体文件加载。

【解决方案1】：

您可以使用 octicons-rails，而不是手动下载和复制不适用于资产管道的 ocicons。

就像自述文件所说的那样：

将以下内容添加到您的 app/assets/stylesheets/application.scss：

*= require octicons

【讨论】：

octricons-rails 已经有几年（或 2018 年 4 月）没有更新了，所以它目前以 railties >= 5.0 失败，有一个开放的 PR 来解决这个问题，如果你知道您在做什么，因为这可能有害：您可以将其包含在gem 'octicons-rails', github: 'mgi166/octicons-rails', branch: 'change-railties-dependency'