阿里图标官网:http://www.iconfont.cn

使用阿里云图标大致的方法就是:选中你的图标——保存至你的项目——下载你的图标项目——在项目中引用字体文件。

具体方法可以参考:引用阿里云矢量图标库

我们今天重点是讲如何在微信小程序中引用阿里云图标库。

我们就从你已经下载好了图标库说起了。

1.把该字体文件及css文件放入到小程序项目中,文件目录如下图:

2.在app.wxss里面引入iconfont.wxss

3.通过icon引用

具体代码如下:

<icon class="tabbar-icon shishuofont icon-audio-linear"></icon>

tabbar-icon:我自己定义的class

 
shishuofont:阿里云创建项目时定义的

icon-audio-linear:对应的图标名字

最后效果如下图:

是不是 so easy?!

 

最新文章

  1. (八)WebGIS中栅格图层的设计
  2. libsvm简介和函数调用参数说明
  3. How to setup vsftpd FTP file Server on Redhat 7 Linux
  4. [转]反向ajax项目
  5. EntityFramework Core 封装
  6. bootstrap框架----像素
  7. Python语言开发的一些问题
  8. GitHub使用详解
  9. linux-查看磁盘硬盘空间
  10. juce 中的WeakReference分析
  11. Linq 导出Excel
  12. Linux下搭建SVN服务器遇到的问题及解决方法,
  13. Hdoj 1203.I NEED A OFFER! 题解
  14. centos7下安装docker(13docker存储)
  15. 理解RHEL上安装oracle的配置参数 :/etc/security/limits.conf, /etc/profile, /etc/pam.d/login
  16. Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) B. Code obfuscation 水题
  17. underscore.js 分析6 map函数
  18. linux下通过iptables只允许指定ip地址访问指定端口的设置方法
  19. codeforces 809C Find a car
  20. 【MySQL数据库权限】RDS for MySQL创建高权限账号

热门文章

  1. 在c/c++中浮点数是否为0的判断
  2. DevExpress GridControl List绑定方式下新增行的方法
  3. 每日英语:U.S. Media Firms Stymied in China
  4. python(45)内置函数:os.system() 和 os.popen()
  5. 【Java】Java复习笔记-第一部分
  6. 使用PostgreSQL遇到的一个问题[column does not exist]字段不存在:
  7. ubuntu 16.04如何生成ssh key以及如何查看ssh key
  8. js之获取url中&quot;?&quot;后面的字串
  9. Gridview排序与分页-不使用“DataSourceControl DataSource”的情况下如何分页和排序 ...
  10. C++连接Mysql数据库操作