大前提是已经在iconfont有项目,并且有选中的图标
一、选择新建项目
二、搜索目标图标--并添加到购物车
三、在购物车中将图标添加到项目
四、出现三种类型,
UnicodeFont classSymbo选中需要使用的类型,并生成相应的css,或者js代码将生成的代码在浏览器中打开,复制然后写入单独的css文件或者js文件。
五、将js或者css文件(这里以js为例子)引入到项目中
六、在项目中使用,这里是在react中使用,
注意className类名 和 xlikHref 需要用小驼峰的写法。
特别感谢阿里的这个iconfont 为我们前端开发带来了很大的方便!