在rails app中使用ionicons

Question

我有一个rails应用程序,我想使用它们.按照说明,我确保.css中的字体路径是资产/字体/离子...但它似乎没有工作.以前有人用过吗？

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帮助程序在项目中使用ionicon 来改善使用.

助手

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>

耶和华,现在很轻松.