taro开发小程序引入icon字体库
1、在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件,
阿里巴巴字体库使用方法
1.进入阿里巴巴字体官网 注册登录
2.按照如图所示1、2、3 创建一个项目
3.在首页选择需要的字体添加到购物车,
4.在右上角购物车内,将所选图标添加到项目中
5.在项目中选择 fontclass 获取在线样式地址 也可以直接下载到本地
6.在本地项目中引入该样式即可使用 标签内直接添加 字体类名和选中的类名
7.建立个公共的样式文件styles,然后把font文件夹放进去
8.把iconfont.css文件夹改成iconfont.scss,或者重新复制个改成scss文件,不然引入会报错,如下图
9.在公共样式里引入iconfont.scss,如下图,然后引入公共样式文件就可以了
10.在js里面引用有2个方法,<Text class="icon iconfont icon-delete8e"></Text>或者<Text class="icon iconfont"></Text>
效果就出来了