html5艺术字效果,WEB前端开发，网络特殊字体的制作工具-font-spider

font-spider 前端开发字体的好工具

HTML5学堂：font-spider是业界首款中文 WebFont 本地自动化压缩与转码工具。利用它不但能帮你轻松解决字体文件的兼容问题，并能自动检索找出指定的文字重新压缩使字体文件大大减小。能够很好的弥补@font-face的不足。

关于font-spider

之前，我们可以利用CSS3的字体新属性@font-face在网页中设置一些炫酷的艺术字效果。但是由于中文字体字数多，文件大的缺点，让@font-face不能得到“用武之地”。后来，我们讲解了自定义字体的创建。关于自定义字体创建的方法，可点击——>查看。而今天，我们要说的是font-spider。

font-spider是业界首款中文 WebFont 本地自动化压缩与转码工具。利用它不但能帮你轻松解决字体文件的兼容问题，并能自动检索找出指定的文字重新压缩使字体文件大大减小。

郑重声明：本文来源于我们原来的一位讲师的分享。本网站(HTML5学堂)在发布文章之前先征求了原作者的意见，在原文基础上进行了一定的调整，发布出来与大家分享，很感谢~！本文原作者：吴庆凡(点击可以查看原作者的介绍信息)。原文来源于庆凡的网易博客——淡淡的影痕。

font-spider使用的基本步骤

1、含有中文字体的一个html文件

2、安装node.js

3、安装font-spider

4、找到对应文件的目录

5、运行font-spider 命令

6、完成

第一步 含有中文字体的一个html文件

假设我们定义的文件名是“index.html”

HTML5学堂 font-spider 前端开发字体的好工具

*{ margin: