微信小程序里如何使用阿里矢量图iconfont

2017-11-10  本文已影响0人  _花

1.将你下载好的素材里的.ttf文件拿出来

image.png
2.打开网址:https://transfonter.org/
3.按图片步骤执行,在第一步时选中你转码的.ttf文件。 image.png

4.转码完成后,会出现一个downLoad按钮,点击此下载转码后的文件
5.将下载文件中的.css文件改成.wxss文件放入你要的项目中

image.png

6..然后在你需要用到图标的文件对应的.wxss文件内引入font.wxss

image.png

7.然后在你需要的地方使用即可

image.png

注意:微信小程序的背景图片只能是网上图片或者本地base64转码后的图片!如果要拿本地其他图片做背景图,要用<image>标签定位来做

上一篇 下一篇

猜你喜欢

热点阅读