网址:http://iconfont.cn/
选择图标
从网站中选择自己想要使用的图表,并将其添加到购物车,然后点击购物车,选择新建项目或者添加到已经存在的项目中。
001.png
复制链接
接下来就可以看到添加到购物车的图标,并且生成了一个css链接,这个css链接就可以引用到web前端项目里面了。
002.png
使用步骤
第一步:引入项目下面生成的 fontclass 代码:
//href里面的地址为刚刚复制的css链接
<link rel="stylesheet" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<span class="iconfont icon-xxx"></span>
//" iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
网友评论