在 :after/ :before 使用 font awesome web Icon
2015-01-07 15:19
405 查看
.element { position: relative; } /*replace the content value with the corresponding value from the list below*/ .element:before { content: "\f000"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; }
来源: http://astronautweb.co/snippet/font-awesome/
相关文章推荐
- web前端程序猿的福音----使用font-awesome代替icon小图标
- :before/:after里iconfont的使用方法
- iconfont、webfont的使用
- webpack中使用iconfont字体图标的方法
- webpack中如何使用iconfont字体图标
- iconfont字体图标的使用方法--超简单! 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以
- Web 设计新趋势: 使用 SVG 代替 Web Icon Font
- 在web开发中使用iconfont字体图标
- Web 设计新趋势: 使用 SVG 代替 Web Icon Font
- 使用阿里巴巴矢量图iconfont以及webfont的步骤详解
- 使用SVG来代替Web Iconfont(图形字体化)
- android中使用iconfont
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- ::after,::before使用
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- Font Awesome Text 使用方法
- 在Android中使用Font-Awesome
- 在iOS中使用icon font
- 使用before、after伪类制作三角形
- IconFont的使用方法