為什麼這篇font slitter鄉民發文收入到精華區：因為在font slitter這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者VdustR (京)看板Web_Design標題[分享] Font Splitter X 台北黑...
Hi 各位好，我又來啦～
由於有使用中文字型的需求，
有些時候是對岸的朋友無法使用 Google Font，
整包 CJK 包進去又載很慢，
看了 Google Font 的做法有利用 unicode-range 將字型分段，
用到哪裡讀到哪裡，
可以避免 CJK 字型檔太過肥大要很久才能套用的問題。
於是在網路上找了一陣子，
卻找不到這種功能的工具，
只找到了 fonttools：
https://github.com/fonttools/fonttools
利用 cmap 查表和 pyftsubset 將字型分段。
因為不會 python 所以用熟悉的 node 寫了，
為了方便使用所以也提供了 docker 版本。
另外我也打包了最近很夯的 台北黑體 Taipei Sans TC，
同時做了 Demo 頁，
可以線上測試效果。
## Font Splitter
https://github.com/VdustR/font-splitter
- 使用 fonttools，可以將大型文字檔依照 block range 切成小塊
- 可以調整 chuck size
- 可以選擇輸出 woff, woff2
- 支援 otf, ttf, woff, woff2
- 可以輸出 css 並自訂 font-family, italic, font-weight
## 台北黑體字型 Taipei Sans TC
https://vdustr.github.io/taipei-sans-tc/
- 由『翰字鑄造 JT Foundry』設計字型
- 使用 Font Splitter 產生 css 並製作 demo 頁
- 可以直接在線上預覽台北黑體字型
- 翰字鑄造: https://sites.google.com/view/jtfoundry/
- 翰字鑄造 Facebook: https://fb.me/jtfoundry
---
喜歡的話可以到 github 幫我按個星，
有任何疑問或建議也歡迎告訴我。
對開發或聊天有興趣的朋友們也歡迎來 Discord 跟其他大神們一起討論一起玩
http://ganhuaking.github.io
謝謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.173.88.111 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1563724838.A.279.html
※ 編輯: VdustR (1.173.88.111 臺灣), 07/22/2019 00:01:29
※ 編輯: VdustR (1.173.88.111 臺灣), 07/22/2019 00:14:48
推 jfcherng: 已 star, 我記得 Google 的分段是靠機器學習統計出來的 07/22 05:46
推 stupidwoman: 推 07/23 11:29
→ VdustR: 原來如此 謝謝各位! 07/25 09:22