search

ecomfe / fontmin

Minify font seamlessly
http://ecomfe.github.io/fontmin
MIT License
5.61k stars 311 forks source link

动态字体提取 #107

Open tuyuritio opened 1 year ago

tuyuritio commented 1 year ago

我计划在网站中使用 思源宋体 ，但是目前官方提供的 OTF 字体使用 Fontmin.otf2ttf() 无法正常转换，会出现乱码或者空字体的情况。

于是我尝试使用 Variable Font 版本的 TTF 字体，官方似乎只提供了这个版本， ，但是在转化过程中，只有一种 font-weight 的字体被生成。于是加粗之后的字体并不符合预期，并不是 Bold 或是 Heavy 的类型，而是简单的在字体周围加粗了而已。

请问是否有提供插件或选项以解决此问题？

hooozen commented 1 year ago

@tatsuketer 请问问题最后如何解决的？

tuyuritio commented 1 year ago

@hooozen 我发现了一个第三方的字体库 Pal3love/Source-Han-TrueType ，提供了 TTF 字体，某种程度上是可以解决这个问题，但是当我实际使用之后发现，依然存在字体偏移的问题。

所以我放弃了 Fontmin （它似乎也无法正常地通过 vercel/pkg 打包），转而使用了更加底层（大概）的 OpenTypeJS，不过这个需要一部分的学习成本。

hooozen commented 1 year ago

@tatsuketer 非常感谢！看起来 opentypejs 这个库正是我要找的

hooozen commented 1 year ago

@tatsuketer 你好，我查看了 OpenTypeJS，但目前它好像还不支持可变字体（Variable Font）的编辑，查看 issue483。你最终是使用了多字体文件吗？

tuyuritio commented 1 year ago

@hooozen 是这样的，我依然使用了上述提到的第三方字库，在 OpenTypeJS 中使用了多个静态字体文件。

hooozen commented 1 year ago

@tatsuketer 谢谢！

yisibl commented 1 year ago

试试 iconfont 的在线子集服务，支持 OTF 和可变字体等：https://www.iconfont.cn/fonts/detail?spm=a313x.7781069.1998910419.d9df05512&cnid=nsKKStjV4gdI

hooozen commented 1 year ago

@yisibl 这个是在线手动生成的，没有找到脚本下载。另外，我看页面中也需要下载多个字重文件。

yisibl commented 11 months ago

@hooozen 下载多个字重文件是啥意思？

Kelier commented 2 months ago

问题依然存在

hooozen commented 2 months ago

@hooozen 下载多个字重文件是啥意思？

就是需要粗体、细体、常规之类的不同字重的字体.