还在为小图标不能适应各种设备发愁吗?iconfont为你解决所有问题
来源:互联网 发布:石墨烯降温贴淘宝 编辑:程序博客网 时间:2024/04/30 16:45
我看到我们网站的图标还用的图标来做的时候,我感叹了下,失真严重啊,gif动画图标锯齿那个严重啊,看不下去了,我给大家分享下我已经用了很久的一种技巧,现在移动设备,微信公众号,包括很多网站都已经用上了字体图标的方式来显示小图标了(iconfont),和文字一样,不会有失真,而且配合css3的动画基本能替代很多的gif动画。还有个好处就是字体文件比图片小很多,还提供不同的很多字体格式,只要不是太落后的浏览器都没问题
下面给大家介绍下怎么制作图标字体,阿里旗下的这个网站有非常丰富的图标资源:http://www.iconfont.cn
1、从http://www.iconfont.cn 找到你想要的图标,以svg格式下载到本地,想要多少下载多少
2、https://icomoon.io/app/#/select 打开这个网站我们就可以制作自己的图标字体了,点击import icons 按钮,把下载的svg格式图标导入进来,然后你就能在线看到你导入的图标,宾且可以进行在线编辑,编辑功能非常强大,完全够用
3、导入编辑好后,选中你想要的图标,点击右下角的生成字体按钮,会自动生成好字体,下载后,压缩包里包含了css样式,直接用就是了,非常方便
0 0
- 还在为小图标不能适应各种设备发愁吗?iconfont为你解决所有问题
- 你还在为寻求高薪而发愁吗?
- 你还在为英语学习发愁吗?
- 你还在为轮播图上的小点 发愁吗,请速速围观围观
- 21还在为没有电工证,不能上岗工作发愁?华南泉州电工培训学校帮您解决
- 还在为找不到合适的APP图标而烦恼?这里可以解决你的问题!
- 亲,还在为传输文件发愁吗?
- 还在为 Graphics.DrawImage 速度慢的问题发愁吗,请看这里
- Java程序员你还在为涨薪发愁吗?学会这些,我让你薪资翻倍。
- 你还在为机密文件如何安全销毁而发愁么?
- 在这个信息化时代,你还为隐私保密文件销毁而发愁么
- 还在为工作发愁?学JavaScript吧
- 还在为工作发愁?学JavaScript吧
- 还在为春节订票发愁吗?聪明的MTK码农们行动起来吧。
- 还在为画“类Word文档报表”而发愁吗?
- 还在为画“类Word文档报表”而发愁吗?
- iconfont 转换为图标字体。
- 淘宝商家还在为自己的店铺没有发愁吗?来八营苍苍推荐的qt1612帮你短时间提升店铺排名
- 计算机类SCI前三区期刊
- Ubuntu系统版本升级
- SCI新手成长策略
- Nagle算法
- grub.cfg —— Window、Fedora、CentOS
- 还在为小图标不能适应各种设备发愁吗?iconfont为你解决所有问题
- SCI论文投稿Cover Letter的写作
- Android工程笔记:Intent介绍
- 《上海交通大学饮水思源paper(论文)板实用手册(第二版)》出炉
- MYSQL服务无法启动的原因(windows)
- 求大数阶乘算法(华为2015面试题)
- tableView的数据源及代理方法
- RHEL 7.0已发布CentOS 7即将到来
- 环境配置文件 ① /etc/profile、② ~/.bash_profile、③ ~/.bashrc、④ /etc/bashrc