小程序中阿里图标引入方式

小程序中阿里图标引入方式

 

一、打开http://www.iconfont.cn，搜索自己需要的图标，并添加入库，加入自己建好的项目

 二、将图标文件下载至本地

三、解压缩下载的文件，并打开iconfont.ttf文件,

四、将页面所有内容复制到需要引用图标的小程序页面的wxss页面，例如index.wxss

五、将iconfont.ttf文件转化为base格式文件

打开https://transfonter.org/

六，解压缩转化后的文件，打开stylesheet.css文件

 

 复制@font-face所有的样式。

覆盖iconfont.ttf中的@font-face部分内容，覆盖掉下图红线框住的代码。

 七、在index.wxml中引入