Web前端 font-awesome 图标组件(logo)使用

使用场景

Web前端页面开发需要引用图标素材时使用.
Font Awesome 字体是可缩放矢量图标,并且完全开源并且免费的,带有网页功能的象形文字语言，并收集在一个集合里,适用于所有前端框架,用css来控制字体的颜色，大小，阴影等！[
下载地址

项目中使用

下载font-awesome文件,目录如下:

页面引入css: *<link href="/fontawesome/css/font-awesome.css" rel="stylesheet">*

页面使用: class中需要加 fa 标签 否则图标会变成一个框
使用效果:

属性说明

图标引入: fa fa-* 需要引入的图标,请参考font-awesome图标库:http://www.fontawesome.com.cn/faicons/
大小设置:fa-lg,fa-1x,fa-2x,fa-3x,fa-4x,fa-5x
替换无序列表的默认图标:fa-ul,fa-li
图标旋转和翻转:fa-spin,fa-rotate-*,fa-flip-*
组合使用:fa-stack,fa-stack-1x,fa-stack-2x

示例下载

地址:https://download.csdn.net/download/weixin_39172079/11076629