字蛛是一個 WebFont 智能壓縮工具裕循，它能自動化分析頁面中所使用的 WebFont 并進行按需壓縮僧鲁，通常好幾 MB 的中文字體可以被壓縮成幾 KB 大小泞莉。
福利在最后。
特色：
- 支持絕大多數(shù)的中英文 Truetype 字體
- 支持開源圖標字體庫
- 支持 CSS 偽元素解析郭赐，支持 content: "string" 與 content: attr(value) 表達式
- 支持遠程頁面解析，并支持資源映射
- 支持四種樣式規(guī)則： <style>确沸、<link>捌锭、@import 、style=""
- 支持四種調(diào)用方式：命令行罗捎、Gulp观谦、Grunt、JS Api
- 性能桨菜、穩(wěn)定性大幅提高
支持圖標字體壓縮
輸入 font-spider 命令坎匿，啟動字蛛進行字體壓縮：
自動壓縮當前目錄的網(wǎng)頁字體
壓縮中文字體
一般方法是你可以直接安裝 Node.js，然后使用 npm 安裝字蛛雷激，但是這個過程還需要安裝一些編譯工具替蔬，對于不熟悉命令行或者使用 Windows 的用戶來說，這大概不是一個好方法屎暇。所以下面提供兩種方法使用字蛛承桥，一種是直接安裝，另一種是使用已經(jīng)打包好的字蛛鏡像（Docker）根悼，通過 docker pull 鏡像到本地直接使用凶异。
方法一：直接安裝
安裝 NodeJS，然后安裝字蛛：
npm install font-spider -g
在 CSS 中聲明 WebFont：
切換到你寫的 css 頁面聲明字體挤巡，方法與 CSS3 的 @font-face 方法類似剩彬。
/*聲明 WebFont*/
@font-face {
font-family: 'pinghei';
src: url('../font/pinghei.eot');
src:
url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
url('../font/pinghei.woff') format('woff'),
url('../font/pinghei.ttf') format('truetype'),
url('../font/pinghei.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*使用選擇器指定字體*/
.home h1, .demo > .test {
font-family: 'pinghei';
}
注意：
- @font-face 中的 src 定義的 .ttf 文件必須存在，其余的格式將由工具自動生成矿卑。
- 開發(fā)階段請使用相對路徑的 CSS 與 WebFont
使用字蛛（路徑不要有中文）：
font-spider ./demo/*.html
壓縮中文字體
方法二：使用 Docker 鏡像
拉取鏡像：
docker pull zuolan/font-spider
直接使用：
docker run -v /YOUR_HTML_FILES/:/work zuolan/font-spider font-spider /YOUR_HTML_FILES/*
Dockerfile 如下喉恋，不知道哪些可以在編譯后刪除所以暫時鏡像還是挺大的，有空梳理一下依賴母廷，去掉無關(guān)要緊的軟件包轻黑。
FROM mhart/alpine-node
USER root
RUN apk add --no-cache python g++ make
RUN npm install -g font-spider
WORKDIR /work
# font-spider /html/*
字體分享
百度云：https://pan.baidu.com/s/1kVSFO3P
字體全部為非商用。
我能吞下玻璃而不傷身體
