Css Rails-使用字体图标

我有一个rails 4应用程序，正在尝试使用其中的字体很棒的图标（用于社交媒体登录链接）

我有：

 /* application.css.css:
 *= require_framework_and_overrides.css.scss
 *= require_self
 *= require_tree .
 */

/* framework_and_overrides.css.css: */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

在我的文件中：

gem 'font-awesome-sass', '~> 4.4.0'

我也在使用引导式sass

在我看来，我尝试：

<%= link_to content_tag(icon('facebook', class: 'facebookauth')) %>

有人知道如何在Rails中使用字体吗

新的尝试：

这可以很好地创建链接，但我正在尝试在图标上添加样式

我已经定义了一个css div，名为：facebookauth

当我将上述内容更改为：

<%= link_to icon('facebook', id: 'facebookauth'), user_omniauth_authorize_path(:facebook) %>

或者尝试：

<%= link_to icon('facebook', class: 'facebookauth'), user_omniauth_authorize_path(:facebook) %>

---

链接消失了。我想把尺寸调大一点，用我的颜色。如何在这些链接上添加CSS？

试试这个：

纯HTML：

<a class="btn btn-lg btn-social btn-github" href="<%= content_tag_url %>">
    <i class="fa fa-facebook"></i> Facebook
</a>

添加

---

包含FontAwesome:：Rails:：IconHelper

到

app/helpers/application\u helper.rb

助手似乎只是填充了

content\u标记的内容

-您仍然需要提供一个元素

:

如果您想单独使用图标，可以分别调用

fa_icon

：

fa_icon "camera-retro"
# => <i class="fa fa-camera-retro"></i>

我们最近在一个项目中使用了gem，结果如下：

---

我尝试了这个方法，但出现了以下错误：路由错误未初始化常量FontAweasome:：rails您添加了gem“font Aweasome rails”，然后如果您使用的是像pow这样的服务器，是否重新启动了服务器？您使用的是什么版本的font Aweasome rails？font-awesome-rails-3.2.1.3？你好，Eleazar，我想尝试并学习如何按照预期使用gem。这看起来可能是某种覆盖。不确定所有的样式和格式是什么。无论如何，谢谢，但我想这可能不是给我的。好吧，这只是一种使用HTML的方式。问候语！为什么您的application.scss中有

gem'font-awesome-sass'、“~>4.4.0”

？还是就在这里？嗨，那在我的宝石档案里嗨。老问题，但是<代码>图标（“编辑fa lg”，类：'zero'）为我提供以下标记：

。我猜你的css定义中的“facebookauth”（id或类）有问题，比如“display:none”。嗨，Rich，恐怕这对我来说太高级了。我一点也不懂。我确实希望图标本身作为一个链接。这就是为什么我以我尝试的方式来阐述它。我不知道这些建议意味着什么——我相信对于那些可能比我自己更了解这些概念的人来说，这些建议是明智的。无论如何谢谢你，但我不知道从哪里开始去理解它。@rich peck的回答是正确的。要更明确地说，请使用以下代码：

。有关更多示例，请参阅此stackoverflow答案：@user2860931您应该从复制我编写的最上面的代码开始，并将其放入您的应用程序中。谢谢，我确实尝试过。它给出了一个错误：未定义方法“fa#u icon”表示#，这意味着您可能没有安装gem-您确定它在您的gem文件中吗？

<%= link_to icon('facebook', id: 'facebookauth'), user_omniauth_authorize_path(:facebook) %>

<%= link_to icon('facebook', class: 'facebookauth'), user_omniauth_authorize_path(:facebook) %>

<a class="btn btn-lg btn-social btn-github" href="<%= content_tag_url %>">
    <i class="fa fa-facebook"></i> Facebook
</a>

content_tag(:li, fa_icon('facebook', class: 'facebookauth'))

fa_icon "camera-retro"
# => <i class="fa fa-camera-retro"></i>

<%= link_to fa_icon("facebook", text: "Facebook", class: "facebookauth"), your_path %>