工具：Adobe IllustratorCS5Fontographer5.1，下载地址1、打开Fontographer，菜单"File"->"New"新建字体文件，双击第一个带有两个"**"的格子，打开编辑页面。此时为了方便查看，建议通过"Windows"->"Tile vertically"把窗口...
分类：
Web程序 时间：
2015-10-14 23:14:39
阅读次数：
223
IconFont的作用就是用字体格式来取代图片、特殊字体的展示，用的比较多的就是一些纯色的图片，具体主要有当前CSS3属性里的自定义字体（@font-face）来实现。1、先来说说它的优缺点：优点：体积比图片小，可以变化大小和颜色，而图片则是不可以的。缺点：由于是字体模式，所以只..
分类：
其他好文 时间：
2015-10-03 06:12:13
阅读次数：
192
在网页设计中使用图标字体（icon font）是件挺有新意的事情，使用图标字体能我们带来了一定的方便，比如在移动设备、Retina屏幕效果展示、兼容IE6/7浏览器以及能任意将图标放大缩小等，这些都是很不错的。流行的在线字体定制网站有Fontello和icomoon，这两个在线工具都很不错的，内置的...
分类：
Web程序 时间：
2015-09-11 17:28:11
阅读次数：
181
Font Awesome图标字体库和CSS框架 Font Awesome网址 http://fontawesome.dashgame.com/ CDN引入Font Awesome <link?rel="stylesheet"?href="path/to/font-awesome/css/font-awesome.min.css"> 改变突变大小、颜...
分类：
Web程序 时间：
2015-08-12 17:14:16
阅读次数：
453
前几天学的慕课的一个课程，侧栏工具条开发。这门课程主要的学习价值： 1. 讲解的案例场景很实用，用到的技术点也较多，主要有css精灵，background-position，css transition，requirejs，sass，图标字体等； 2....
分类：
其他好文 时间：
2015-08-03 23:05:09
阅读次数：
514
??1安装HBuilder5.0.0,安装后的界面截图如下：2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明，创建上图的Boilerplate.html：3 代码内容如下： 作者：XXX@qq.com 时间：2015-08-02 描述：使用MUI，您可以...
分类：
Web程序 时间：
2015-08-03 01:12:29
阅读次数：
572
使用了最新的bootstrap框架，结果在IIS6上无法显示图标。 因为框架使用了字体文件来显示矢量的图标，为了能在IIS上正常显示图标，可以通过增加iis的MIME-TYPE来支持图标字体文件： 增加以下两种文件类型即可： .w...
分类：
其他好文 时间：
2015-07-21 13:03:57
阅读次数：
142
Font Awesome 是一套专门为Twitter Boostrap设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标，除了包括 Twitter Boostrap的默认图标外，还有社交网络图标、Web应用程序图标和编辑器图标等等，可以免费用于商业项目主要特色：? 一种字体，249个...
分类：
其他好文 时间：
2015-07-03 15:40:06
阅读次数：
94
图标字体的使用1. 什么是图标字体图标字体是字体文件，用符号和字形的轮廓代替标准的文字数字式字符。是专门为用户界面设计，就像系统字体一样，使用CSS@font-face在web浏览器里展示。使用图标字体来生成图标相对于基于图片的图标来说，有如下的好处：1.自由的变化大小2.自由的修改颜色3.添加阴影...
分类：
其他好文 时间：
2015-07-03 15:35:51
阅读次数：
146
iconfont是一款为设计师开发的Photoshop图标字体插件。
1、大量开源授权矢量图标字体可供选择，并且可以自己安装字体；
2、使用图标字体，与CSS无缝衔接，网页前端开发无需导出设计稿图标，引入图标字体文件即可。
安装：
1、点击链接下载安装文件并解压；
2、关闭Photoshop，首先尝试运行ic...
分类：
其他好文 时间：
2015-06-30 18:34:13
阅读次数：
172
