package.json

{

  "name": "fontS",

  "version": "1.0.0",

  "devDependencies": {

    "grunt": "^0.4.1",

    "grunt-contrib-copy": "^1.0.0",

    "grunt-font-spider": "^0.1.5"

  }

}

Gruntfile.js

module.exports = function(grunt) {

    grunt.initConfig({

        // 拷贝文件到发布目录，这样字体可被反复处理

        copy: {

            main: {

                src: './src/**',

                dest: './dest/'

            },

        },

        // 字蛛插件：压缩与转码静态页面中的 WebFont

        'font-spider': {

            options: {},

            main: {

                src: './dest/**/*.html'

            }

        }

    });

    grunt.loadNpmTasks('grunt-font-spider');

    grunt.loadNpmTasks('grunt-contrib-copy');

    grunt.registerTask('default', ['copy', 'font-spider']);

};

    @font-face {

        font-family: 'pinghei';

        src: url('../font/pinghei.eot');

        src: url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),

　　　　　　　　url('../font/pinghei.woff') format('woff'),

　　　　　　　　url('../font/pinghei.ttf') format('truetype'),

　　　　　　　　url('../font/pinghei.svg') format('svg');

        font-weight: normal;

        font-style: normal;

    }