微信小程序——引用阿里云字体
2024-08-24 06:28:59
阿里图标官网: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?!
最新文章
- (八)WebGIS中栅格图层的设计
- libsvm简介和函数调用参数说明
- How to setup vsftpd FTP file Server on Redhat 7 Linux
- [转]反向ajax项目
- EntityFramework Core 封装
- bootstrap框架----像素
- Python语言开发的一些问题
- GitHub使用详解
- linux-查看磁盘硬盘空间
- juce 中的WeakReference分析
- Linq 导出Excel
- Linux下搭建SVN服务器遇到的问题及解决方法,
- Hdoj 1203.I NEED A OFFER! 题解
- centos7下安装docker(13docker存储)
- 理解RHEL上安装oracle的配置参数 :/etc/security/limits.conf, /etc/profile, /etc/pam.d/login
- Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) B. Code obfuscation 水题
- underscore.js 分析6 map函数
- linux下通过iptables只允许指定ip地址访问指定端口的设置方法
- codeforces 809C Find a car
- 【MySQL数据库权限】RDS for MySQL创建高权限账号
热门文章
- 在c/c++中浮点数是否为0的判断
- DevExpress GridControl List绑定方式下新增行的方法
- 每日英语:U.S. Media Firms Stymied in China
- python(45)内置函数:os.system() 和 os.popen()
- 【Java】Java复习笔记-第一部分
- 使用PostgreSQL遇到的一个问题[column does not exist]字段不存在:
- ubuntu 16.04如何生成ssh key以及如何查看ssh key
- js之获取url中";?";后面的字串
- Gridview排序与分页-不使用“DataSourceControl DataSource”的情况下如何分页和排序 ...
- C++连接Mysql数据库操作