微信小程序 -字体图标

1.先去阿里巴巴图标库(http://iconfont.cn)生成自己的字体图标，下载下来之后找到ttf格式文件

2.打开https://transfonter.org/，点击 Add Fonts 上传iconfont.ttf,选择Base64 encode --TTF 再点击Convert 

3.下载

4.找到stylesheet.css文件,将里边的代码复制到app.wxss中

5.stylesheet.css

@font-face {
	font-family: 'iconfont';
	src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
	font-weight: 500;
	font-style: normal;
}

6.将http://iconfont.cn中下载的iconfont.css中的.iconfont,.icon-XX:before复制到app.wxss中就可以了

7.在页面中使用

 <text class="iconfont icon-yonghuming"></text>

　　

7.已在真机上测过，可以正常显示