一、安裝font-spider
npm install font-spider -g
二、目錄結構
font-spider
font
FZZZHONGHJW.ttf
font.html
三、font.html內容
<!DOCTYPE html>
<html>
<head>
<title>方正正中黑簡體</title>
<meta charset="utf-8">
<style type="text/css">
@font-face {
font-family: 'FZZZHONGHJW';
src:
url('font/FZZZHONGHJW.eot?#font-spider') format('embedded-opentype'),
url('font/FZZZHONGHJW.woff') format('woff'),
url('font/FZZZHONGHJW.ttf') format('truetype'),
url('font/FZZZHONGHJW.svg') format('svg');
}
p{
font-family: "FZZZHONGHJW";
}
</style>
</head>
<body>
<!-- 全局 -->
<p>班級情況 布置作業 教學資源</p>
</body>
</html>
四、從字體文件中把頁面字體抓取，生成字體文件，執行命令：
font-spider font.html
五、生成后的目錄結構
font-spider
font
.font-spider
FZZZHONGHJW.ttf
FZZZHONGHJW.eot
FZZZHONGHJW.svg
FZZZHONGHJW.ttf
FZZZHONGHJW.woff
font.html