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">&#xe677;</Text>

效果就出来了

原文地址:https://www.cnblogs.com/qianyy/p/11245697.html