4

我有一个 Rails 应用程序,我想在其中使用它们。按照说明,我确保 .css 中的字体路径是 assets/fonts/ionicons ......但它似乎不起作用。以前有人用过这些吗?

4

2 回答 2

7

如果其他人无法在您的 Rails 项目中使用 ionicons,我建议使用我构建的 gem font-ionicons-rails

使用起来非常简单,如下:

安装:

将此添加到您的 Gemfile 中:

gem "font-ionicons-rails"

用法:

在您的 application.css 中,包含 css 文件:

/*
 *= require ionicons
 */

萨斯支持

如果您更喜欢 SCSS,请将其添加到您的 application.css.scss 文件中:

@import "ionicons";

如果您使用 Sass 缩进语法,请将其添加到您的 application.css.sass 文件中:

@import ionicons

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

就这样。i现在,您可以使用标签或使用 gem 助手在项目中使用 ionicons来改进使用。

帮手

ion_icon "camera"
# => <i class="ion-camera"></i>

ion_icon "camera", text: "Take a photo"
# => <i class="ion-camera"></i> Take a photo

ion_icon "chevron-right", text: "Get started", right: true
# => Get started <i class="ion-chevron-right"></i>

content_tag(:li, ion_icon("checkmark-round", text: "Bulleted list item"))
# => <li><i class="ion-checkmark-round"></i> Bulleted list item</li>

现在很轻松,是的。

于 2015-09-27T23:20:16.727 回答
4

这些是我通常采取的步骤:

  1. 将以下内容添加到config/application.rb

    config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
    
  2. 创建目录app/assets/fonts并将字体文件复制到该目录。

  3. 复制ionicons.cssapp/assets/stylesheets

  4. 编辑ionicons.css文件并更新url()调用以使用资产管道:

    src: font-url("ionicons.eot?v=1.3.0");
    src: font-url("ionicons.eot?v=1.3.0#iefix") format("embedded-opentype"),
         font-url("ionicons.ttf?v=1.3.0") format("truetype"),
         font-url("ionicons.woff?v=1.3.0") format("woff"),
         font-url("ionicons.svg?v=1.3.0#Ionicons") format("svg");
    

重新启动 webrick/thin/whatever,你应该会很好。:)

于 2013-11-06T04:33:08.130 回答