用字蛛取出需要的字符应用字体 @font-face

一、安装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

相关阅读:
1.Apache与Tomcat
jeeplus 多选框
GIT 回滚
jsp 中data 转换字符串
Pattern和Matcher中表达式
web.xml 详细介绍
$.ajax()方法详解
My 2016
如何做好一个保安队长。
集合之WeakHashMap

原文地址：https://www.cnblogs.com/iloveyou-sky/p/5692379.html

用 字蛛 取出需要的字符应用字体 @font-face

用字蛛取出需要的字符应用字体 @font-face