前端壓縮字型檔案 成功

2022-02-24 02:05:53 字數 1130 閱讀 3586

一、踩坑過程

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 大小,載入速度很慢,體驗...