1. npm install font-spider -g

    全局安装
    新建font.html和 reset.css
    将所需要的全部字体放入html并引入reset.css

    reset.css（注意相对路径）

    1. /*声明 WebFont*/
    2. @font-face {
    3.   font-family: 'pinghei';
    4.   src: url('../font/pinghei.eot');
    5.   src:
    6.     url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
    7.     url('../font/pinghei.woff') format('woff'),
    8.     url('../font/pinghei.ttf') format('truetype'),
    9.     url('../font/pinghei.svg') format('svg');
    10.   font-weight: normal;
    11.   font-style: normal;
    12. }
    13. /*使用选择器指定字体*/
    14. .home h1, .demo > .test {
    15.     font-family: 'pinghei';
    16. }
    1. @font-face 中的 src 定义的 .ttf 文件必须存在，其余的格式将由工具自动生成
    2. 开发阶段请使用相对路径的 CSS 与 WebFont

    //终端输入 font-spider ./font.html （后面.html填写你创建的页面）
    最后.font-spider中生成新字体