1. 打開https://www.fontke.com/tool/fontface/
2. 上傳字體，點擊立即生成
字體生成器.png
3.引入頁面
html:
<link rel="stylesheet" href="css/PingFang Regular/PingFang Regular.css">
css:
.pingfangRegular{
font-family: "PingFang Regular";
}
4.優(yōu)化字體（字蛛FontSpider）
官網(wǎng)：http://font-spider.org/
字蛛通過分析本地 CSS 與 HTML 文件獲取 WebFont 中沒有使用的字符卓舵，并將這些字符數(shù)據(jù)從字體中刪除以實現(xiàn)壓縮敏弃，同時生成跨瀏覽器使用的格式箫章。
1）安裝
先安裝好 NodeJS腺劣，然后執(zhí)行：
npm install font-spider -g
構(gòu)建插件：grunt-font-spider | gulp-font-spider
2）cd到HTML所在文件夾旬蟋，運行 font-spider 命令：
font-spider ./demo/*.html
頁面依賴的字體將會自動壓縮好灯变，原 .ttf 字體會備份
運行font-spider.png
