小程序中自定义字体图标的正确使用方式

小程序中已有的图标是很有限的，基本上都是自定义的图标，要么是图片（tabBar），同时也要减少小图片的使用，就需要使用自定义的图标，而且是base64的css文件。

 

从 SVG图标格式转换成 CSS 中嵌入 base64 的字体图标的步骤如下：

1.SVG格式图标：从阿里图标库下载需要的图标；设计制作的svg图标；也可以从 icomoon 中找免费图标；
2.ttf字体格式的图标：通过 https://icomoon.io/app/#/select/font 在线工具转为 ttf 格式的font格式；
3.base64格式的CSS中嵌入的ttf类型的字体图标：通过 https://transfonter.org 在线工具转为 base64 的css文件，在CSS中编码和嵌入字体；