作者VdustR (京)
看板Web_Design
标题[分享] Font Splitter X 台北黑体 Taipei Sans TC
时间Mon Jul 22 00:00:32 2019
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://webptt.com/cn.aspx?n=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
1F:推 jfcherng: 已 star, 我记得 Google 的分段是靠机器学习统计出来的 07/22 05:46
2F:推 stupidwoman: 推 07/23 11:29
3F:→ VdustR: 原来如此 谢谢各位! 07/25 09:22