node.js使用font-spider压缩字体

1. 安装node.js

node.js官方下载地址:摸我

2. 安装font-spider插件

cmd中输入npm install font-spider -g进行自动安装,出现如下图表示安装成功,该插件只需安装一次。不用每次进行字体修改都安装。


3. 配置字体

  1. 创建一个根目录,存放html文件以及font字体文件夹。


    根目录

    存放字体文件夹
  2. html中的style标签键入如下代码:
    这里的font-family:myfont即为自定义的字体名字,如给body应用该字体,只需设置body的font-family的值为myfont,url中的地址为存放字体的文件夹
@font-face {
        font-family: 'myfont';
        src: url('font/fontTest.eot'); 
    src:
        url('font/fontTest.eot?#font-spider') format('embedded-opentype'),
        url('font/fontTest.woff') format('woff'),
        url('font/fontTest.ttf') format('truetype'),
        url('font/fontTest.svg') format('svg');
      font-weight: normal;
      font-style: normal;
}

4. 运行font-spider 命令

  1. 键入cd 空格 文件目录地址回车确认
  2. 键入font-spider ./html文件名,本例子为font-spider ./font.html回车确认自动压缩



    3.完成后font文件目录变成这样


    2016-06-20_140444.png

5. 完成后效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容