美文网首页
微信小程序里如何使用阿里矢量图iconfont

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

作者: _花 | 来源:发表于2017-11-10 14:52 被阅读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>标签定位来做

    相关文章

      网友评论

          本文标题:微信小程序里如何使用阿里矢量图iconfont

          本文链接:https://www.haomeiwen.com/subject/jyubmxtx.html