需求

客戶要求首頁使用字體,分別為中文和英文格式

首頁是基于H5的一個公眾號

問題

客戶給的字體較大,有兩個格式的,分別是中文和英文的.單個都超過了10M,

如果未壓縮,因為在首頁,訪問的次數(shù)多,會造成服務(wù)器資源緊張,

準(zhǔn)備工作

• 下載好完整版客戶提供的的.ttf文件。

• 下載好font creator字體編輯器。

開始操作

在font creator中打開完整版字體文件。

在font creator中新建瘦身版文件。

在新建瘦身版文件中新建字符。

按照以下步驟執(zhí)行

可以看到我們剛剛建立的文字.

可以一次性添加多個文字,一二步可以重復(fù)操作

4:去完整版字體文件搜索你需要的字,將需要的字復(fù)制新建瘦身版文件中

ctrl+f搜索,然后ctrl+c復(fù)制

5:復(fù)制到我們第三步中創(chuàng)建的空白處粘貼

6:最后導(dǎo)出格式即可

以下是每個字體的區(qū)別,這里我們導(dǎo)出woff格式即可

TTF：TrueType

Windows和Mac系統(tǒng)最常用的字體格式，其最大的特點就是它是由一種數(shù)學(xué)模式來進(jìn)行定義的基于輪廓技術(shù)的字體，這使得它們比基于矢量的字體更容易處理，保證了屏幕與打印輸出的一致性。同時，這類字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必?fù)?dān)心會出現(xiàn)鋸齒。

EOT ：Embedded Open Type

EOT是嵌入式字體，是微軟開發(fā)的技術(shù)。允許OpenType字體用@font-face嵌入到網(wǎng)頁并下載至瀏覽器渲染，存儲在臨時安裝文件夾下。

OTF：OpenType

OpenType是微軟和Adobe共同開發(fā)的字體，微軟的IE瀏覽器全部采用這種字體。致力于替代TrueType字體。

WOFF：Web Open Font Format

WOFF（Web開發(fā)字體格式）是一種專門為了Web而設(shè)計的字體格式標(biāo)準(zhǔn)，實際上是對于TrueType/OpenType等字體格式的封裝，每個字體文件中含有字體以及針對字體的元數(shù)據(jù)（Metadata），字體文件被壓縮，以便于網(wǎng)絡(luò)傳輸。

SVG：Scalable Vector Graphics

SVG是由W3C制定的開放標(biāo)準(zhǔn)的圖形格式。SVG字體就是使用SVG技術(shù)來呈現(xiàn)字體，還有使用gzip壓縮格式的SVG字體。

參考文檔.

ttf字體包瘦身，ttf字體包提取指定字體，縮小ttf文件體積。_苛學(xué)加的博客-CSDN博客_ttf字體瘦身 ttf瘦身操作

查看字符編碼（簡體中文） 查看字符編碼

總結(jié)

以上是生活随笔為你收集整理的TTF字体包瘦身的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。