想问下目前流行的网页自定义中文字体的处理方案和奇思妙想

[Immortal]

介于自定义中文字体在网页中字体文件过大的问题，现在有什么好的解决方案么？

主要是针对于动态内容，不是静态，静态我查询下来有字蜘和 fontmin 的方案了

---

关于设想：

比如服务端把文字内容根据需要的字体转成图片？或者其他脑洞大开的方案

想听听大家的意见 谢谢

[redbuck]

字蛛有 node 包吧，改造成接口？

比转图片靠谱点，没加载到也就是字体效果不对，不至于不显示

[Immortal]

@redbuck 粗略看了下 好像是用来删减字体包无用字体的 整体效果上不知道如何 主要是速度

[2DaYe]

字体转图片的话分辨率是问题
根据网站定位做字库删减呢？只保留常用字

[rabbbit]

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=zh-cn

[redbuck]

@Immortal
是的，就是在一个字体包里按需打包用到的字体，然后浏览器端用 webfont 实现，这样比较安全，即便字体包没有加载到，或者加载慢，文字也是可见的。
你用图片，没加载到，就是空白的，(当然你可以设置 alt,不过那效果你问产品能不能接受了)，再一个不同设备你还得准备 2x,3x。而且同样也是需要时间去转换。

这种有特殊字体需求的一般都是 h5 游戏之类的，用户对于加载是有预期的吧

[redbuck]

@2DaYe 这就是字蛛

[Immortal]

@2DaYe 就是我说的上面两个项目做的事情 会帮忙剔除不需要的字库

[Immortal]

@redbuck 嗯 主要是如果是动态内容 每个页面都需要打包一份 然后再从服务端加载

[redbuck]

@Immortal
弄一个接口，类似 oss 那样
/getfont/font.ttf?str=中文
然后返回对应的字体文件这种

[redbuck]

有点兴趣，整了整

github.com/xty1992a/font-server.git

[no1xsyzy]

@Immortal #8 不一定每个页面打包一份，可以把常用字的打一个，然后每个页面在此基础上新增。

[Immortal]

@redbuck 3q 我看下 谢谢大佬

[Immortal]

@no1xsyzy 如果不是特长篇 其实我觉得这么操作和整个文章处理下 速度上没多大区别 当然也只是我自己猜测

[no1xsyzy]

@Immortal 可以利用上缓存啊。
另一方面，甚至可以通过 “专业词库” 这种东西再做一次分层。
甚至通过一定的筛法，最后每篇文章可以调用 3-5 个字体来解决。

另外大概还有一种就是生成 SVG，不清楚是否可以复制一个字形，可以的话只要形成一些字形然后复制就行。

[jsq2627]

http://font.stackia.me/
n 年前自己用 c#实现了一个 ttf parser，然后做了这个 demo，效果可以参考下