小程序不同于一般web开发引入字体图标的方式。在导入之前必须将它们转换为base64。以阿里巴巴字体图标http://iconfont.cn为例：1、到官网http://iconfont.cn下载你想要的图标1、将你想要的图标添加到库中：2、输入购物车3.下载代码4.下载成功后，你会得到一个名为“download.zip”的文件，然后解压得到这样一堆文件：2.将ttf文件转换为base64。建议去https://transfonter.org转换1.配置选项，将配置改成下图红框，并打开Base64编码选项：2.配置好选项后，在next中添加即可stepttf文件开始转换：3.在阿里巴巴http://iconfont.cn下载的一堆文件中选择ttf文件解压：4.转换下载：5.下载完成后是成功后，你会在压缩包的开头得到一个名为“transfonter.org”的文件。解压后我们得到三个文件，然后我们打开“stylesheet.css”文件：3.在小程序中使用1.新建一个小程序项目。成功后就可以自己创建一个资源文件夹了。放字体图标等资源，在资源目录新建一个空白文件“style.wxss”，这个wxss就是我们的字体图标文件：2.打开新建的空白style.wxss文件，转换后下载完成后复制三个文件中“stylesheet.css”的所有内容：3、打开从阿里巴巴下载的“iconfont.css”并解压，将所有没有交叉的部分复制到新建的小程序中的“style.wxss”中:4.现在我们的“style.wxss”是这样的：现在可以直接使用了吗？不~，你还需要在style.wxss中添加以下代码：[class^="icon-"],[class*="icon-"]{/*使用!important来防止浏览器扩展出现问题更改字体*/font-family:'iconfont'!important;说话：无；字体样式：正常；字体粗细：n普通的;字体变体：正常；文本转换：无；行高：继承；/*更好的字体渲染===========*/-webkit-font-smoothing:antialiased;osx-font-smoothing:grayscale;}最终的style.wxss如下（注意两个绿框里的font-family要一致）：5、全局导入字体图标，打开“app.wxss”，并import刚刚创建的style.wxss，可以全局使用：6.全局使用pages文件夹下任意一个.wxml文件，和我们平时一样使用（可以自定义对应的类名，也可以在style中刚刚创建的.wxss找到或者打开开头从阿里巴巴下载的文件，任何html文件都有预览和对应的类名）：自定义类名，先将刚刚创建的style.wxss修改为自定义类名，然后写入.wxml页面中对应类名：style.wxss中：.wxml页面中：style.wxss中类名：打开任意html：
