微信小程序> 微信小程序中如何使用阿里巴巴矢量图标库的iconfont字体图标?

微信小程序中如何使用阿里巴巴矢量图标库的iconfont字体图标?

浏览量:3065 时间: 来源:yellow日月空

一、首先打开阿里巴巴矢量图标库网址www.iconfont.cn,来到如下界面,先注册一个账号。

二、搜索栏内你需要的字体图标

 

三、来到下面界面,这时出现了很多字体图标

四、下面随便选一字体图标来举一个例子,演示一下大致的流程,点击字体图标的小车(add to cart)

五、点击右上角的小车图标

六、这里介绍两种方法来下载生成字体图标的源代码,第一种选择Download code

点击刚才下载到的压缩包

选择iconfont.css打开

打开之后把源码复制(记住是全部复制,一点也不留哦)到微信小程序的app.wxss内即可(如果你不想设置为全局的,你可以放到对应的wxss文件内也可以)

 

还有一种方法在介绍一下;在上述第六大点选择Add to Project

进入你的创建的项目

将     //at.alicdn.com/t/font_851593_jq5rczy17ym.css  复制到浏览器打开

把源码复制(记住是全部复制,一点也不留哦)到微信小程序的app.wxss内即可(如果你不想设置为全局的,你可以放到对应的wxss文件内也可以)

接下来可以试一下了。

可以和以下博客链接对应着看

https://blog.csdn.net/lm1022/article/details/80604909

https://blog.csdn.net/lm1022/article/details/80104892

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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