一、什么是iconfont? 我们现在通常所指的iconfont，是用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。iconfont是阿里巴巴矢量图标库是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工 ...
分类：
其他好文 时间：
2017-04-28 13:45:22
阅读次数：
6657
第一次听说字体图标--iconfont，感觉是：哇，好高大上的样子，会不会很难啊。然而当真正去用的时候，才发现，网上的字体图标库为我们做了太多工作，我们只需要傻瓜式的挑选自己需要的图标，傻瓜式的复制粘贴就可以将各种的小图标以字体的方式加入到我们的页面中了。 本文为大家讲述的是如何使用阿里巴巴字体图标 ...
分类：
其他好文 时间：
2017-04-11 16:00:21
阅读次数：
186
第一步：使用font-face声明字体@font-face {font-family: 'iconfont';src: url('iconfont.eot'); /* IE9*/src: url('iconfont.eot?#iefix') format('embedded-opentype'), ...
分类：
其他好文 时间：
2017-04-09 22:01:50
阅读次数：
772
<style> @font-face { font-family: 'iconfont'; /* project id 247957 */ src: url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.eot'); src: url('//at.alicdn.c ...
分类：
Web程序 时间：
2017-03-31 21:20:57
阅读次数：
1162
1.通过在线网站上传制作 https://icomoon.io/ 首先通过右上角的 IcoMoon App 进行创建. 除了网站提供的一些图标 还可以通过Import Icons将本地的svg图标文件进行上传. 图标上传成功后,通过右下角Generate Font生成 左边的"e900"是代码引用的 ...
分类：
其他好文 时间：
2017-03-30 21:27:27
阅读次数：
170
我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还有还可以自定义,非常强大!之前老实说,看了一波教程,都觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,避免新手走弯路; step 1:百度icon ...
分类：
其他好文 时间：
2017-03-29 16:28:07
阅读次数：
1976
前言概述 在开发网页制作过程中通常需要一些网页小图标，前端需要PS切图，将单个小图标icon组合成CSS雪碧图过程中，需要一些时间和精力; 如果网页制作中需要的小图标icon有一套css框架库集成起来将大大提高开发效率于是就有了接下来要说的字体图标库fontAwesome、iconfont font ...
分类：
其他好文 时间：
2017-03-26 01:21:27
阅读次数：
993
使用图标字体可以解决网站中大量的小图标问题，真的很好用，值得收藏，下面介绍图标字体的使用方法： 首先，进入这个网站：http://www.iconfont.cn 选择自己需要的图标 使用图标字体有三种方法： 这三种放的使用方式大致相同。 第一种是：unicode引用； 第二种是：font-class ...
分类：
其他好文 时间：
2017-03-15 00:28:19
阅读次数：
158
原文：iconfont的引入方法 第一步：使用font-face声明字体@font-face {font-family: 'iconfont';src: url('iconfont.eot'); /* IE9*/src: url('iconfont.eot?#iefix') format('embe ...
分类：
其他好文 时间：
2017-03-13 11:42:58
阅读次数：
221
1、关于iconfont iconfont既是icon又是font，具体来说应该是用font形式展现的icon。与传统图片格式的图标不同，这一种图标因为是以字体形式展现的，所以更改大小、颜色、背景颜色都非常方便。 2、使用方式 2.1 下载资源 资源来源：http://www.androidicon... ...
分类：
移动开发 时间：
2017-03-03 22:37:22
阅读次数：
600
