如何方便的在Rails中使用Octicons符号字符
2017-02-11 14:42
357 查看
不知道Octicons为何物的童鞋可以看一下这里:
Octicons是GitHub网站的开源字体图标库
为了能在Rails中使用Octicons,需要以下步骤:
首先,在Gemfile中添加两个gem:
运行bundle安装新增gem.
接着在app/assets/stylesheets/application.scss文件最后添加如下一行:
好了,你现在可以使用Octicons鸟 ;)
举个栗子:
显示的效果如下:
如果你不知道字符的名称,你可以在如下网站查询:
https://octicons.github.com
最新的Octicons已经将所有符号替换成SVG格式,你可以阅读如下文章了解:
使用 SVG 输出 Octicon
如果你还想了解Octicons的更多用法,请参考如下指南:
https://github.com/primer/octicons_helper
good luck ; ) !!!
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 ; ) !!!
相关文章推荐
- 如何方便的在Rails中使用Octicons符号字符
- 没有Rails Java程序员如何使用Ruby
- 如何在rails中正确使用MS Sql Server 2000做为数据库服务器
- 如何跨浏览器使用连续字符的换行
- 教你如何方便使用网盘
- IBM笔记本使用法语输入法,如何键入法语特殊字符?
- 如何在PB中使用ASCII码为0的字符?(原创)
- C++ 把枚举变量的名称,直接当字符串使用方法 字符串化符号 #
- unicode编码字符保存时使用的分割符号技巧
- Flex的应用中如何使用特殊字符的例子
- 关于字符和数字类型的索引,Oracle如何实现内部自动转换以及索引使用的验证测试
- 没有Rails Java程序员如何使用Ruby
- 如何使用户能像Excel一样方便的复制Datagridview中的单元格区域数据[C#]
- 在C++中如何将ActiveX控件所使用的BSTR数据转换成CHAR字符数组?
- 如何跨浏览器使用连续字符的换行
- EditPlus中的正则表达式使用--如何使用查找到的原字符
- Rails2.0中如何使用jQuery的post方法?
- 如何跨浏览器使用连续字符的换行
- javascript使用以下序列表示非字母字符或特殊标点符号,常用于弹出框、正则验证
- 如何使用符号文件?