项目目录:
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>
