css - 在 Rails 应用程序中使用 ionic 图标

Question

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

Answer 1

如果其他人在您的 Rails 元素中使用 ionicons 时遇到问题，我建议使用我构建的 gem font-ionicons-rails。

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

安装:

将此添加到您的 Gemfile 中:

gem "font-ionicons-rails"

用法:

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

/*
 *= require ionicons
 */

Sass 支持

如果您更喜欢 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>

现在很容易，是的。