图标字体的使用越来越广泛了，因为是矢量的，缩放不变形，同时又具有字体的性质，这样处理图标就像出题字体一样方便。提供这种服务的网站也越来越多，阿里巴巴提供的不错，字库齐全。官网地址：http://www.iconfont.cn/可以看到提供了很多图标：我们前端人员怎样使用呢？进入官网之后，先登录，这里...
分类：
其他好文 时间：
2014-11-20 20:10:11
阅读次数：
1708
下载Font Awesome1.拷贝css 和 fonts 到build同级目录2.需要在index.html中引入css文件3.在main.js文件中添加 1 initComponent : function() { 2 Ext.setGlyphFontFamily('FontAwes...
分类：
Web程序 时间：
2014-11-20 00:00:23
阅读次数：
1120
sencha 的例子中，有使用图标字体来美化按钮的例子，这个用起来又方便风格又统一，例如下图： 上面图标字体的使用方法也很简单，只要下载Font Awesome的css和图标文件，放到项目里就可以了。部分图标截图： Font Awesome的网站为：点击打开链接。进入网站后，先下载Font Awes...
分类：
Web程序 时间：
2014-11-15 00:05:54
阅读次数：
682
在实践项目中，多多少少都会用到各式各样的图标，作为WEB前端技术人员，又不得不每一次单个单个的切出图标以及重新命名，如果需求又说要将所有图标整合在一张PNG图片里，这样又得耗费很多时间。随着互联网快速的发展，移动端的网站也崛地而起，因此，在浏览移动端的网站时，图标也出现新的问题——“变得模糊了”。经...
分类：
其他好文 时间：
2014-11-01 00:52:19
阅读次数：
817
有时页面上要用到一些小图标，按以前的方法在网上搜图片下载再应用到页面上的效率会比较低，效果也不怎么好。可以考虑用css3的font-face属性，它可以把我们自定义的Web字体或图标字体嵌入到你的网页中，我们可以通过设置font-size来设置图标的大小。非常的简单和方便。https://icomo...
分类：
其他好文 时间：
2014-10-21 19:07:04
阅读次数：
266
一、文件命名规范 images ?//图片资源，如果项目多人开发里面还需要用子文件夹分开 fonts ? ?//字体资源，一般就是特殊字体嵌入或者图标字体 styles ? //CSS文件 - app.css //reset样式,如果项目小直接写在里...
分类：
Web程序 时间：
2014-09-07 16:05:55
阅读次数：
253
IcoMoon 使用官方地址 http://icomoon.io/实际上，它是一种字体，只不过这种字体的字象图标一样，比如windows中自带的MT Extra Webdings Wingdings字体。使用的方法就是引入CSS即可我们需要在IcoMoon App中定制他们，网站可以为你生成图标的....
分类：
其他好文 时间：
2014-07-26 00:10:06
阅读次数：
593
图标字体iconfont这是一种字体，它跟svg有很大相似点它是矢量的，放大缩小不失真的。很且很小。我们把它成字看来。字体在从ie4就开始支持的。兼容性很好唯一麻烦的地方，就是制作麻烦。越来越的网站开始运用这个图标字体。一些地方，我们就不用精灵图片，直接用图标字体。 图标字体的使用自己制作比较麻烦，...
分类：
Web程序 时间：
2014-07-12 15:20:46
阅读次数：
192
好久没来，虽说鄙人的人气不咋地，但还是很想念自己这一亩二分田地。近期用在平台开发中，看着设计师摆开阵势，准备大画图标，想着自己将会很KUBI拼凑css-sprite图片，接着写一大堆 class^="icon-XXXX"，此处空余千行泪。。。其实，做前端的都有这样的情绪，“我不想切图标啊！！！”，本...
分类：
其他好文 时间：
2014-07-11 22:44:13
阅读次数：
415
跟我一起学extjs5(06--使用图标字体来美化按钮)
sencha 的例子中，有使用图标字体来美化按钮的例子，这个用起来又方便风格又统一，例如下图：
上面图标字体的使用方法也很简单，只要下载Font Awesome的css和图标文件，放到项目里就可以了。Font Awesome的网站为：点击打开链接。进入网站后，先下载Font
A...
分类：
Web程序 时间：
2014-07-01 09:24:08
阅读次数：
225
