figma：使用mac上的字體 | 轉換ttc字體文件

現在的主力系統是Mac，偶爾會切到Windows，打開 figma 時發現缺少字體，原來里面有mac上才有的字體，之前都是切回mac重新編輯，但切過去那會兒由于一些原因其實不太想切回mac，最近琢磨著，是不是可以在Windows上安裝Mac上的字體，這樣就方便了。
網頁版的figma出現缺字情況，首先檢查是否安裝了 Font Helper，有它才能調用電腦上的字體。缺字時，對應的文本框就沒法編輯，設置過 Replace Fonts 后才能編輯，但是字形就變了。

我的figma里用到圓體和楷體，這兩款字體的字庫非常全，且都有三種字重，個人覺得楷體的黑體（比粗體更粗一些的字重）比較好看，這兩款字體，Windows上都沒有（照理實際工作中在團隊協作時應當避免特殊字體）。于是嘗試在Windows上安裝這個字體。

下載字體

默認情況下mac上只會有這個字體的基本信息，要使用得先下載。打開字體冊輸入“yuanti”找到對應字體，點擊“可供下載的字體資源”進行下載安裝。

當打開文檔時，文檔里使用了圓體但系統還未安裝時，mac會提醒下載安裝，點擊下載按鈕即可。

找到字體文件

安裝完成后，在字體列表中找到圓體，鼠標移動到常規體停留數秒后，會顯示字體信息，此時能看到字體本體文件所在路徑。

字體文件名為“Yuanti.ttc”，拷到Windows上時，文件圖標顯示成字體圖標的樣子，看起來Windows是支持這個格式的，但是雙擊查看時會提示不是有效的字體文件。

查了些資料對ttc有了更進一步的了解，猜測mac上的**.ttc**文件可能有點特殊，Windows并不能完全支持。

TTC（TrueType Font Collection）字體是TrueType字體集成文件(. TTC文件)，是在一單獨文件結構中包含多種字體，以便更有效地共享輪廓數據,當多種字體共享同一筆畫時，TTC技術可有效地減小字體文件的大小。

導出ttf文件

Glyphs 是Mac獨占的字體設計軟件，用它的確能轉換。
Glyphs打開**.ttc**文件時，能看到里面包含了6款字體，簡體和繁體各3種字重。打開字體后，使用“文件”–“導出…(?+E)”命令，就可以導出 **.ttf **格式的文件。
不過每次只能操作其中一種字重，要全部導出，得操作6遍，打開一種字重，導出完畢后，關閉當前窗口，然后重新打開ttc文件，選擇另一個字重……由于這兩款字體字庫量都比較大，打開會有點慢，導出就挺費時間的，導著導著竟然忘記了剛剛導出的是哪一款字體，2333~~~

經過漫長的等待，終于導出完成了，拷到Windows上面能夠安裝成功，而且在Figma里也能正確顯示。

其它信息

在系統目錄下能找到字體的下載配置文件，里面有下載地址。另外蘋果也會對字體進行，之前我就收集過圓體的ttc文件，發現版本號要比現在的底，我的系統是10.15。
圓體 導出后的單個字體（字重）文件大小約為25mb，6個總和是 156.6 mb，而包含了6個字重的 **.ttc **文件大小只有 79.2 mb，壓縮了將近50%。
楷體 導出后的單個字體文件大小平均為33mb，總和是238.1?MB，原始ttc文件大小為 106.5 mb，大概只有原來的45%。可見，TTC技術確實可以有效地減小字體文件大小。

圓體
本地路徑：/System/Library/AssetsV2/com_apple_MobileAsset_Font6/ec2979c8550757993101e27b30b2b89cb45917fc.asset/AssetData/Yuanti.ttc
下載地址：http://updates-http.cdn-apple.com/2019/ios/041-71823-20190919-727D8F22-D598-11E9-BBB9-A15472111DF7/com_apple_MobileAsset_Font6/ec2979c8550757993101e27b30b2b89cb45917fc.zip

楷體
本地路徑：/System/Library/AssetsV2/com_apple_MobileAsset_Font6/00e58c0676b9e589e9309dbca4b795bbba3b5420.asset/AssetData/Kaiti.ttc
下載地址：http://updates-http.cdn-apple.com/2019/ios/041-71823-20190919-727D8F22-D598-11E9-BBB9-A15472111DF7/com_apple_MobileAsset_Font6/00e58c0676b9e589e9309dbca4b795bbba3b5420.zip
**
配置文件
本地路徑：/System/Library/AssetsV2/com_apple_MobileAsset_Font6/com_apple_MobileAsset_Font6.xml

**

---

圓體 vs 華文圓體

目前在網上能找到 華文圓體 REGULAR-v8.0d1e4.ttf，就只有這一種字重。
華文圓體
PostScript名稱：STYuanti-SC-Regular
版本號：8.0d1e4
字形數量：8535
文件大小：3.4 mb

圓體
PostScript名稱：STYuanti-SC-Regular
版本號：14.0d1e1
字形數量：45492
文件大小：26.3 mb

基本比較：
由于PostScript名稱相同，在mac上安裝這個字體，則會和系統的字體照成沖突。
比較版本號可以發現，兩者差了很多個版本，可能后者做了一些調整，實際對比也是能發現很多字形上的不同。
經過簡單的對比得出一個結論：如果一個設計稿使用了圓體，并不能簡單地用 華文圓體 來代替。

左右對比：

疊加對比：

字形數量對比：
Glyphs上顯示 華文圓體實現了GB2312的100%覆蓋，圓體反倒是少了兩個字，經過查驗發現圓體少了“十卅”（uni5341，uni5345）這兩個字，十是十字架的十，卅（sà）是數字三十的中文代用字，“卅”字不常用，真要是缺了也沒啥影響，但“十”字可不行。

“缺字”可能是Glyphs的問題，首先在字體冊里能看到這兩個字顯示正常，這個是原始字體（.ttc）。然后在Windows上安裝由Glyphs導出的字體后，在figma里也能正確顯示這兩個字的字形。應該導出的字體文件沒啥問題。。。

**GB2312、GBK、GB18030、**Big5
GB 2312 標準共收錄 6,763 個漢字；
GBK 共收入 21,886 個漢字和圖形符號，GBK里K 為漢語拼音 Kuo Zhan（擴展）中“擴”字的聲母；
GB 18030 與 GB 2312-1980 和 GBK 兼容，共收錄漢字70,244個；
Big5，又稱大五碼，是使用繁體中文漢字字符集標準，共收錄13,060個漢字；

圓體里有 45492 個字形，但從數量上來看，已經超過了GBK和Big5的總和，隨機從圓體里挑了幾個繁體字到華文圓體里確實檢索不到。

---

楷體 vs 華文楷體

分辨完圓體和華文圓體的區別后，突然在mac上發現一個叫 華文楷體 的字體，黑人問號.jpg？
用 Glyphs 打開 **Kaiti.ttc **時會看到里面有7種字重，除了簡繁各有3種字體外，還包含了 STKaiti，這個就是名叫“華文楷體”的字體。

兩者除PostScript名稱不一樣外，其它基本相同，文件大小也只差5kb左右

---

文本只是技術研究，版權不在本文討論范圍，字體能否用到你的項目中，請結合自己的實際情況。

總結

以上是生活随笔為你收集整理的figma：使用mac上的字体 | 转换ttc字体文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。