iconfont 字体图标使用
-
到iconfont.cn查找需要的图标(先登录)
-
每个都点击“添加入库”
-
点击顶部的购物车图标
-
“添加到项目”,新建一个项目,确定后
-
点击下载到本地,解压,我们选择fontClass方式加载字体图标
-
需要的文件:
- iconfont.css
- iconfont.eot;iconfont.svg;iconfont.ttf;iconfont.woff(字体文件,四种格式分别兼容ie,chrome,Android,ios,详见iconfont.css内注释)
-
字体文件上传到服务器,载入iconfont.css,确保路径正确
-
html结构:
<i class="iconfont icon-home"></i>
-
完毕
网友评论