使用图标文字来替代网页中的小图标

以前,网页中,尤其是实现列表中的开头的小图标的时候,我会将psd中的小图标切成PNG透明图标,然后将li标签高度设置与图标高度一致来实现水平居中。

后来我发现iconfont,这种图标文字可以通过font-size来设置大小,用background来设置起颜色,比起透明的PNG图片,这个真的方便很多,而且体积也很小,现在已经可以在CSS中引入一个在线的图标库来实现了,很方便,比如


将图标库引入网页

然后调用

<I class="fa-fa-camera-retro"></I>


基本的写法是fa-图标名称

说明文档网站   http://fontawesome.dashgame.com

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容