[分享] Font Splitter X 台北黑體 Taipei Sans TC

看板Web_Design作者VdustR (京)時間5年前 (2019/07/22 00:00)推噓2(2推 0噓 1→)

留言3則, 3人參與討論串1/1

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