删除ttf字体文件中无用文字

最新推荐文章于 2024-04-22 21:29:07 发布

Jam伟

最新推荐文章于 2024-04-22 21:29:07 发布

阅读量3.7k

点赞数 6

分类专栏： Android 文章标签： html5 html css

本文链接：https://blog.csdn.net/qq_32228265/article/details/120525130

版权

Android 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在日常开发中经常会遇到UI给的字体文件比较大有几M大小，但是实际在使用的时候可能只需要用几个字，或者是数字，和英文。在这种情况下需要对字体进行精简压缩，只保留需要的文字。

1：首先下载font-spider

npm install font-spider -g

2：新建一个html（处理字体用）

<html>
<head>
  <link rel="stylesheet" href="font.css">
</head>
<body>
  <!-- 填写要保留的文字-->
  <p class="ttf">1234567890abcdefghijklnmopqistuvwsyz</p>
</body>
</html>

3：新建一个css（用于处理的ttf）

@font-face {
  font-family: 'sf-pro-text_regular';
  /* src引入需要精简的ttf字体文件 */
  src: url('./OPPOSans-M.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "sf-pro-text_regular";
}
.ttf {
  font-family: 'sf-pro-text_regular';
}

4：打开命令行工具，在当前目录下执行命令

1.打开命令行工具
2.cd 你文件所在位置
3.输入 font-spider ./*.html

5.在文件目录下覆盖旧了的字体文件，新的字体文件只有3k.

Jam伟

关注

6
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
删除ttf字体文件中无用文字

在日常开发中经常会遇到UI给的字体文件比较大有几M大小，但是实际在使用的时候可能只需要用几个字，或者是数字，和英文。在这种情况下需要对字体进行精简压缩，只保留需要的文字。1：首先下载font-spidernpm install font-spider -g2：新建一个html（处理字体用）<html><head> <link rel="stylesheet" href="font.css"></head><body>
复制链接

扫一扫