Rick's Blog

TTF字体包压缩优化

1. nodejs方式

作为前端首先还是尝试用前端熟悉的js去处理。
font-spider是一个智能 WebFont 压缩工具，它能自动分析出页面使用的 WebFont 并进行按需压缩

第一步：全局安装依赖(本机已经安装)

npm install font-spider -g

第二步：然后新建一个用于转换文本的 html 文件，把需要使用的文本粘贴进去

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    @font-face {
      font-family: 'convert-font';
      /* html文件放在需要转换字体的目录*/
      src: url('./WenDaoShuiYunZhuan-2.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }

    .convert-font {
      font-family: 'convert-font';
    }
  </style>
</head>

<body>
  <div>
     /*需要使用的文本*/
    静候斯人 方显色艺
  </div>
  </br>
  <div class="convert-font">
    /*需要使用的文本*/
    静候斯人 方显色艺
  </div>
</body>

index 下载

文件下载:

第三步：在该项目文件夹内执行命令