阿里巴巴iconfont怎么是正确的使用方式
步骤:
1.打开网址http://www.iconfont.cn/------选择你想要的图标,加入到购物车里
2,下载到本地
3,下载完成
4,打开-----demo.html页面
5,打开webstorm新建一个user-login.html页面--------把这三步都copy到那个html页面里------如图所示:
6,把下载jar里的iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff这4个文件都放到项目里一个文件里,让页面url那个引入即可,把@font-face url路径改下
7,打开刚下载的jar里的demo.html,把那个图标的样式复制到webstorm里的<i class="iconfont"></i> 把这个替换成demo.html的那个图标样式,如图所示:
8,运行项目,图标出来了,测试成功!