一直觉得很多字体特别好看，但是那些好看的字体只能做在图片上不能用CSS样式去实现，作为一个会设计的前端，真心觉得很烦恼，有时候那些文字需要更换，修改起来非常麻烦，要到处去找源文件，找不到源文件还要尽力去P出来。
于是在空闲时间，进入搜索状态，全网搜索能将字体引入，并压缩的软件，不管国内国外都看了，最后发现了fontSpider，中文名：字蛛。
打开字蛛的官网：http://font-spider.org/他上面也是有教程的，但是我表示，我真的是一个很小白很小白的人，我看不懂啊。。。（和我一样看不懂的请举手…………）
后来请另一个同事跟着一起研究，最后的最后发现，其实我真的好小白，人家说的挺清楚明白的，人家只是省了很多字罢了，那么我今天就要在这里啰嗦一下了，也是做个记录，因为当我第二次使用时，我发现我忘记了第一次是怎么做出来的。
第一步：
安装node.js，去nodeJS的官网下载，http://nodejs.cn/，你是多少位的电脑就下多少位的，下好后安装好，这里就不讲怎么安装了，反正就下一步呗。
第二步：
在开始菜单中找到node.js文件夹，然后点开有点像这个运行程序的图标，我试过了，在电脑自带的cmd运行程序上使用是无效的，必须使用他这个，所以他让安装还是有一定道理的。
第三步：
在这个打开的node.js这个运行窗口中，将npm install font-spider -g
复制进去，然后enter键，等一会，他程序运行有点慢，很快他便会出现一大堆看不懂的东西。
第四步：
不要管一大堆的看不懂的。打开你做好的html文件夹，字体记得建一个font文件夹放进去，和images、CSS文件夹并排，字体名称一定要换成字母的，你可以是中文缩写什么的。
第五步：
新建一个CSS样式表，定义字体，把下面的复制进去，输入你刚刚在font里命名的字体名称，这样字体的各种格式都定义好了。
@font-face {
font-family: '字体名称';
src: url('../font/字体名称.eot');
src:
url('../font/字体名称.woff') format('woff'),
url('../font/字体名称.ttf') format('truetype'),
url('../font/字体名称.svg') format('svg');
font-weight: normal;
font-style: normal;
}
字体的格式都定义好了，肯定得引用了。
比如我在html中，有一个h1标签需要用到这个特殊字体，那么就跟普通font-family一样的做法了。
h1 {
font-family: '字体名称';
font-size: 36px;
color: #666;
}
别急，到这一步还没完，你去看看font文件夹，还是很大对吧。
第六步：
打开刚刚运行了一半的node.js运行窗口，复制font-spider，然后打个空格，再复制你的路径，比如我的路径是D:/字蛛/test/index.html，因为我的html是放在D盘，然后一个测试文件夹中，所以这样写，按下enter键
啦啦，成功了，他连里面我是输的什么字需要用到特殊字体都显示出来了。
于是，就酱紫成功了！是不是很简单。。。。
然后回到font文件夹看，他会自动备份一下字体，那个特别大的文件夹就是了，再看看其它字体，只有几个KB啊，太爽了有木有。。。
文章转自：http://blog.sina.com.cn/s/blog_a025a3670102wfbv.html