fontmin icon indicating copy to clipboard operation
fontmin copied to clipboard

动态字体提取

Open tuyuritio opened this issue 3 years ago • 11 comments

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

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

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

tuyuritio avatar Dec 07 '22 08:12 tuyuritio

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

hooozen avatar Mar 01 '23 00:03 hooozen

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

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

tuyuritio avatar Mar 01 '23 01:03 tuyuritio

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

hooozen avatar Mar 01 '23 01:03 hooozen

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

hooozen avatar Mar 01 '23 12:03 hooozen

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

tuyuritio avatar Mar 01 '23 13:03 tuyuritio

@tatsuketer 谢谢!

hooozen avatar Mar 01 '23 13:03 hooozen

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

yisibl avatar Mar 20 '23 17:03 yisibl

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

hooozen avatar Mar 21 '23 02:03 hooozen

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

yisibl avatar Aug 10 '23 03:08 yisibl

问题依然存在

Kelier avatar Apr 16 '24 10:04 Kelier

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

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

hooozen avatar Apr 17 '24 02:04 hooozen