1. 首先进阿里图标下载项目至本地Taro引入阿里图标

  2. 下载完解压缩打开后将以下文件复制出来Taro引入阿里图标

  3. 这边我在src下新建一个fonts目录,将上面复制下来的五个文件放到里面(目录名可以自己命名,或者放在其他目录下)Taro引入阿里图标

  4. 返回到上级也就是src目录下打开app.tsx(或app.js)文件引入 import ‘./fonts/iconfont.css’Taro引入阿里图标

  5. 以上就引用完icon,接下来我们来试试效果,在页面中写上以下内容,由于图标太小所以我加上大小,样式就自己调试了
    <View className='iconfont icon-home' style='font-size:30PX;color:red;'></View>
    Taro引入阿里图标

  6. 最后效果如下(目前只测试了h5和小程序)
    Taro引入阿里图标
    Taro引入阿里图标
    Taro引入阿里图标
    如果有帮助请在右上角点个赞! 谢谢!!

相关文章: