微信小程序> 关于微信小程序中图标的引用(基于iconfont)

关于微信小程序中图标的引用(基于iconfont)

浏览量:799 时间: 来源:星野-纯夏

步骤如下:

iconfont图标代码下载

  1. 打开我们的iconfont网址
  2. 在该网站中寻找我们需要的图标,加入购物车(注意是加入购物车哦。如图)
    小程序
    【加入购物车】
    小程序
    【查看购物车,点击下载代码】
    小程序
    【下载后的文件,解压】
  3. 关注解压文件 【iconfont.ttf】和【iconfont.css】

创建微信小程序样式表文件.wxss

  1. 取名为font.wxss
  2. 将【iconfont.css】文件内容复制到我们的font.wxss文件中
  3. 使用就和我们使用其他字体图标一样了。
    使用效果截图
 <view class='iconfont icon-add-circle' style='color:red;font-size:23px'></view>

一个红色的加号就可以使用啦。
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎