Rails 和 Font Awesome 不起作用？图标不显示

Question

我在我的 -Head- 应用布局中添加了 Bootstrap 和 Font Awesome 的链接，但 FA 图标没有显示。 它们显示在 DOM 中，但作为空白项。 我已经尝试了一切，会是什么？

 <head>
    <title>RailsTaskManager</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel=“stylesheet” href=“https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css Tasks:/font-awesome.min.css“>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

Index.html.erb，-ul-中的图标

<ul>

  <% @tasks.each do |task| %>
  <li>
    <input type="checkbox" id="completed?" name="completed?" <%= task.completed ? "checked" : "" %>>
    <%= link_to("#{task.title}", "/tasks/#{task.id}") %>
    <!-- delete -->
    <%= link_to task_path(task),
                method: :delete,
                data: { confirm: "Are you sure?" } do  %>
      <!-- not displaying -->
      <i class="fa fa-trash-o" aria-hidden="true">Delete this task</i>
    <% end %>
  </li>
  <% end %>

</ul>

Answer 1

这是我在项目中如何使用它的一个可行示例

<%= link_to "http://www.link.com/" do %>
  <i class="fa fa-link"></i>
<% end %>

您是否尝试将其添加到您的 Gemfile 中？

gem "font-awesome-rails"

然后运行

bundle install

在您的 application.css 中，包含 css 文件：

/*
 *= require font-awesome
 */

如果之前正在运行，则重新启动您的网络服务器。

这是文档和一些可能有用的助手。

如果您有任何问题，请告诉我。

Rails 和 Font Awesome 不起作用？图标不显示

问题描述

1 个解决方案

解决方案1
0 2020-07-19 20:13:07

Rails 和 Font Awesome 不起作用？ 图标不显示

问题描述

1 个解决方案

解决方案1 0 2020-07-19 20:13:07

Rails 和 Font Awesome 不起作用？图标不显示

解决方案1
0 2020-07-19 20:13:07