字蛛压缩ttf字体(前端常用)

本文介绍如何使用字蛛压缩工具对页面中引用的字体进行压缩,包括准备工作、压缩过程及常见与不常见字符处理方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

!!!压缩的只有调用字体的文字

  • 字蛛压缩后有些文字不起作用

字蛛在压缩过程中只将调用字体的文字进行压缩,其他文字将不被压缩

1.准备

在页面中引用字体

<html>

<head>
    <!-- <link rel="stylesheet" href="css/font.css"> -->
    <style type="text/css">
        @font-face {
            font-family: "aa";
            /*ttf字体路径*/
            src: url("./font/字体.ttf");
            font-weight: normal;
            font-size: noraml;
        }
        body{
        /*引用字体*/
            font-family: 'aa';
        }
    </style>

</head>
<body>
    <!--所需要压缩的所有字体  ,末尾有提供3000个常见汉字足够平时使用-->
</body>

</html>

2.用字蛛进行压缩

  • npm install font-spider -d

  • 输入命令行进行压缩 :

npm ./node_modules/.bin/font-spider index.html

npx font-spider index.html

这里用到局部安装,访问需要:./node_modules/.bin/font-spider或npx
这里的目录结构为:index.html与node_modules同级,font存放字体
font文件夹下的为压缩字体,font下font-spider 文件夹里是原字体文件

常见与不常见
3000个常见汉字链接,数字,字母,字符等自行添加

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值