日常记录: 前端压缩ttf字体包

项目目录:

WeChat7a858a84c26cd8428646d8bccc5e3544.png

安装font-spider

npm i font-spider -g

base.css中的代码

@font-face {
  font-family: YOUSHEhaoshenti; /*自定义的字体名称*/
  src: url("./YOUSHEhaoshenti.ttf"); /*引入字体包*/
}
body{
  font-family: YOUSHEhaoshenti;
}

html中的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./font/base.css">
</head>
<body>
    豆腐首发index
</body>
</html>

打开终端进入项目目录输入下面的代码,获取所有.html文件中的文字

font-spider list/*.html *.html

成功,源文件会备份到 .font-spider 文件中

WeChatba70a2030d83699741610f9e82149acc.png

image.png

需要注意的地方

运行命令之前页面没有引入.ttf文件会报<web font not found>

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