微信小程序里如何使用阿里矢量图iconfont
2017-11-10 本文已影响0人
_花
1.将你下载好的素材里的.ttf文件拿出来
![](https://img.haomeiwen.com/i6522941/cda4425270e3332b.png)
2.打开网址:https://transfonter.org/
3.按图片步骤执行,在第一步时选中你转码的.ttf文件。
![](https://img.haomeiwen.com/i6522941/22cdbbd584dc1774.png)
4.转码完成后,会出现一个downLoad按钮,点击此下载转码后的文件
5.将下载文件中的.css文件改成.wxss文件放入你要的项目中
![](https://img.haomeiwen.com/i6522941/a95eb4a11bba2dd6.png)
6..然后在你需要用到图标的文件对应的.wxss文件内引入font.wxss
![](https://img.haomeiwen.com/i6522941/6ccddc11e2d6a4fb.png)
7.然后在你需要的地方使用即可
![](https://img.haomeiwen.com/i6522941/1015051b17a3c895.png)
注意:微信小程序的背景图片只能是网上图片或者本地base64转码后的图片!如果要拿本地其他图片做背景图,要用<image>标签定位来做