有什么字体文件切块的工具嘛

2022-10-20 22:26:38 +08:00
 tmo

如题,想要在网站使用中文字体,几十 mb ,用 css font-face unicode-range 似乎可以实现切块,但是不知道用什么工具来生成

例如小米网站的 misans: https://font.sec.miui.com/font/css?family=MiSans:300,450,500,650,800:Chinese_Simplify,Latin&display=swap

1367 次点击
所在节点    CSS
6 条回复
tool2d
2022-10-20 23:51:09 +08:00
这又没办法乱切,每个有可能用到的文字,都是程序根据使用的文本预生成的。

老老实实写代码吧。
duan602728596
2022-10-21 10:24:06 +08:00
可以试试 Font-spider
wsph123
2022-10-21 10:55:38 +08:00
试下来还是 fontmin 勉强能用,虽然性能很差
tmo
2022-10-21 11:56:31 +08:00
@tool2d 好的

@duan602728596 看 github 介绍,Font-spider 是根据网页内容生成 font 文件的吧,有没有可以实现只是把文件切成数个小文件然后用 css 组合起来的工具呢


@wsph123 谢谢,一会试试看
wsph123
2022-10-21 12:07:40 +08:00
我现在是把页面用的字生成一份用于首屏加载
常见字在首屏加载完成之后用户使用之前加载
其余字用户用到再通过 API 实时取
gydi
2022-10-21 14:24:00 +08:00
可以看看我这个 https://github.com/zzzgydi/font-pack 传入字体和需要的文字,将这个字体切成包含这些文字的一个字体和不包含这些字体的另一份字体,同时生成 css 。不过好像有点小 bug 一直没管,感兴趣可以看看。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/888551

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX