字蛛的用法

2021-08-28 17:20:15 字數 1231 閱讀 6953

官網**為

字蛛通過分析本地 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 使用選擇器指定字型 ...