如何方便的在Rails中使用Octicons符号字符

不知道Octicons为何物的童鞋可以看一下这里:

Octicons是GitHub网站的开源字体图标库

为了能在Rails中使用Octicons,需要以下步骤:

首先,在Gemfile中添加两个gem:

gem 'octicons-rails'
gem 'octicons_helper'

运行bundle安装新增gem.

接着在app/assets/stylesheets/application.scss文件最后添加如下一行:

*= require octicons

好了,你现在可以使用Octicons鸟 ;)

举个栗子:

<li><span><%= octicon "light-bulb", height:16,fill:"red",style:"position:absolute;top:15px;z-index:10;" %></span><%= link_to "Sign in", signin_path %></li>

显示的效果如下:

这里写图片描述

如果你不知道字符的名称,你可以在如下网站查询:

https://octicons.github.com

最新的Octicons已经将所有符号替换成SVG格式,你可以阅读如下文章了解:

使用 SVG 输出 Octicon

如果你还想了解Octicons的更多用法,请参考如下指南:

https://github.com/primer/octicons_helper

good luck ; ) !!!

相关文章
相关标签/搜索