一、踩坑過程
3、font-spider (字蛛) ----成功(仍有不足)
二、壓縮檔案準備
三、font-spider (字蛛)壓縮過程
1、全域性安裝font-spider
window+r 【進入小黑視窗】
npm install font-spider -g【全域性安裝font-spider,前提已安裝node】
font-spider -v (大寫的v)【檢視版本號,】
2、開始壓縮
3、壓縮前後檔案對比
*******css裡每次只引用乙個字型檔案,壓縮時只壓縮乙個字型檔案,不要引用多個一起壓縮,我倆個一起壓縮時總會有乙個壓縮的特別小,只有6k,網頁引用不起作用
字型檔案只需準備.ttf格式,需要其他格式字型相容不同瀏覽器的話就在css裡寫上,壓縮後會自動生成。
font-spider是自動生成的資料夾,保留未被壓縮的原版字型包
*** .otf格式字型壓縮不了
四、font-spider (字蛛)壓縮缺陷
字蛛是檢測已有文字壓縮【protal.html裡的字】,如果protal.html裡的文字不全,我們把壓縮後的字型用於專案中後,會導致未被壓縮的字依然顯示的是系統預設字型。
我最後是把符號、數字、常用的2500字漢字都寫進protal.html裡進行壓縮,壓縮後是550kb左右。
我目前沒有找到更好的辦法,專案中暫時就先用字蛛壓縮的字型
vue專案中字型檔案過大 壓縮字型檔案
目前做的乙個vue專案當中引入了外部的字型檔案,打包之後測試發現載入過慢,需等待較長時間才能看到效果,特此記錄在vue專案中壓縮字型的操作.字蛛是乙個中文字型壓縮器,通過分析本地 css 與 html 檔案獲取 webfont 中沒有使用的字元,並將這些字元資料從字型中刪除以實現壓縮,同時生成跨瀏覽...
BDF 字型檔案格式
提交者 addylee 日期 2009 7 13 23 12 閱讀 316 www.osplay.org 摘要 bdf是adobe制定的點陣字型檔案,也是xwindow系統中使用的字型檔案,我在學校過程中發現,網上資料比較少,中文資料基本沒有,因此我在閱讀相關英文資料的基礎上,根據自己的理解寫了這篇...
前端使用Font Spider 字蛛 壓縮字型檔案
前端開發的同學,我們經常會碰到需要還原設計稿中的特殊字型。我們可能會採用兩種方案 使用photoshop將文字圖層單獨匯出成 直接引入改字型的字型庫.ttf檔案 第一種方案 適合字型加圖案複雜,文案一般不會變 第二種方案 適合普通的文字,文案變化 但字型檔案通常都會有幾 m 大小,載入速度很慢,體驗...