react 中使用iconfont

3,542 阅读1分钟

大前提是已经在iconfont有项目,并且有选中的图标

一、选择新建项目


二、搜索目标图标--并添加到购物车


三、在购物车中将图标添加到项目


四、出现三种类型,

  • Unicode
  • Font class
  • Symbo
  • 选中需要使用的类型,并生成相应的css,或者js代码


  • 将生成的代码在浏览器中打开,复制然后写入单独的css文件或者js文件。


    五、将js或者css文件(这里以js为例子)引入到项目中


    六、在项目中使用,这里是在react中使用,

    注意className类名 和 xlikHref 需要用小驼峰的写法。



    特别感谢阿里的这个iconfont 为我们前端开发带来了很大的方便!