官網**為
字蛛通過分析本地 css 與 html 檔案獲取 webfont 中沒有使用的字元,並將這些字元資料從字型中刪除以實現壓縮,同時生成跨瀏覽器使用的格式。
npm install font-spider -g
安裝完畢,檢查是否安裝成功可以,font-spider -v,檢視版本,顯示如下說明安裝成功
特別注意的是,字蛛檢視版本的命令一定要是大寫的v
使用字蛛
在css檔案中使用 webfont:
/*宣告 webfont*/
@font-face
/*使用選擇器指定字型*/
.home h1, .demo > .test
1. @font-face 中的 src 定義的 .ttf 檔案必須存在,其餘的格式將由工具自動生成
2. 開發階段請使用相對路徑的 css 與 webfont
執行 font-spider 命令
font-spider ./demo/*.html
舉例說明如下:
執行成功後你會發現,font資料夾會把你之前的很大的ttf檔案備份在新生成的.font-spider資料夾下,在font資料夾下生成好幾個壓縮的很小的字型檔案,可自行檢視檔案大小。如圖:
注意:我第一次測試一直也沒有成功,也沒有任何報錯,我懷疑是之前執行的**有快取,第二次執行一下就成功了,所以如果沒有任何報錯的前提下沒有成功,建議多建幾個案例嘗試下!
字蛛的使用及說明
web字型體積大導致載入過慢,對於前端來說是一大需要解決的問題,作為乙個前端小白,看不懂文件也是個通病,不過還是花了一些時間和朋友一起研究了這個問題,並找到了解決方案就是 字蛛 字蛛 github原始碼 字蛛簡介 官方的說法 字蛛是一款中文字型壓縮器 字蛛通過分析本地 css 與 html 檔案 獲...
中文字型 字蛛 的使用
官網 安裝字蛛需要先安裝node。先安裝好 nodejs,然後執行 npm install font spider g構建外掛程式 grunt font spider gulp font spider 在 css 中使用 webfont 宣告 webfont font face 使用選擇器指定字型 ...
中文字型 字蛛 的使用
官網 安裝字蛛需要先安裝node。先安裝好 nodejs,然後執行 npm install font spider g構建外掛程式 grunt font spider gulp font spider 在 css 中使用 webfont 宣告 webfont font face 使用選擇器指定字型 ...