03月22, 2018

整理一些Node常见实用的插件工具

一、web特殊字体处理,字体压缩

1.推荐字蛛:通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。

  • 环境依赖:npm Mac 安装nodejs step 1(新手推荐): 访问nodejs官网,点击蓝色选框区域稳定版,并下载https://nodejs.org/en/

  • 字蛛安装: npm install font-spider -g

  • 在 CSS 中使用 WebFont:

    /*声明 WebFont*/
    @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;
    }
    /*使用选择器指定字体*/
    .home h1, .demo > .test {
      font-family: 'pinghei';
    }
    
  • @font-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成

  • 开发阶段请使用相对路径的 CSS 与 WebFont

  • 运行 font-spider 命令:

font-spider ./demo/*.html

路径为本地html地址 页面依赖的字体将会自动压缩好,原 .ttf 字体会备份

本文链接:https://baboben.com/post/node.html