Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

动态字体提取 #107

Open
tuyuritio opened this issue Dec 7, 2022 · 11 comments
Open

动态字体提取 #107

tuyuritio opened this issue Dec 7, 2022 · 11 comments

Comments

@tuyuritio
Copy link

tuyuritio commented Dec 7, 2022

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

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

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

@hooozen
Copy link

hooozen commented Mar 1, 2023

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

@tuyuritio
Copy link
Author

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

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

@hooozen
Copy link

hooozen commented Mar 1, 2023

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

@hooozen
Copy link

hooozen commented Mar 1, 2023

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

@tuyuritio
Copy link
Author

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

@hooozen
Copy link

hooozen commented Mar 1, 2023

@tatsuketer 谢谢!

@yisibl
Copy link

yisibl commented Mar 20, 2023

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

@hooozen
Copy link

hooozen commented Mar 21, 2023

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

@yisibl
Copy link

yisibl commented Aug 10, 2023

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

@Kelier
Copy link

Kelier commented Apr 16, 2024

问题依然存在

@hooozen
Copy link

hooozen commented Apr 17, 2024

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants