V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1677 天前的主题，其中的信息可能已经有所发展或是发生改变。

iFont

基于 Serveless 自动分拣中文字体库

GitHub

https://github.com/ifyour/ifont 🙈欢迎感兴趣的 V 友一起贡献，点🌟！

Usage

🎉 Try it on Codepen.io!

demo

Contribution

Welcome PR 👏

第 1 条附言 · 2020-04-12 11:56:07 +08:00

动机

大家知道，网页上加载英文字体非常常见，英文字体就 20 来个字母外加符号。

中文字体动辄几兆的体量，网页加载肯定是不现实的。最后可以设置一些系统预装的字体用于展示。

使用 iFont 从几兆的中文字体中挑选（分拣/Pick）出你要的字体加载，就很方便了。非常适合做一些个性化的主页。

相比图片优点：

动态生成
高清 Retina 无需而外处理
按需加载

14 条回复 • 2020-04-14 23:12:36 +08:00

nicoljiang

2020-04-12 11:37:45 +08:00

赞。
有一个 fontmin 还有一个 font spider 也是做类似的事情。

ostrichb

2020-04-12 11:44:44 +08:00 via Android

可以把这个东西的介绍再完善一些，看了好久还是不明白这是什么东西

ifyour

2020-04-12 11:50:23 +08:00

@ostrichb 有道理，我该写一个项目背景，介绍下动机。😄

ifyour

2020-04-12 11:50:50 +08:00

@nicoljiang 谢谢🙏 把复杂的东西，简化变得易于使用。

justin2018

2020-04-12 11:56:22 +08:00

基于 fontmin?

ifyour

2020-04-12 11:57:34 +08:00

@justin2018 是的托管在 Zeit 使用他们家的 Serverless Functions

wolfan

2020-04-12 12:03:47 +08:00

能不能自定义字体和支持 woff2 字体？

ifyour

2020-04-12 12:06:01 +08:00

@wolfan 可以，欢迎贡献代码，目前只完成了最小功能集。😄

2020-04-13 16:39:49 +08:00

很酷很有用，点值!

ifyour

2020-04-13 17:17:38 +08:00

@d5 😄谢谢

Thiece

2020-04-14 16:01:48 +08:00

输出结果没法被 CDN 缓存呀，大量文字业务遭不住

ifyour

2020-04-14 18:30:14 +08:00

@Thiece 可以浏览器端配置缓存，问题不大

https://github.com/ifyour/ifont/commit/f4fa33fbe447bc42f352e00679f95a979083cc48

walkersz

2020-04-14 21:41:29 +08:00

666，这几天刚好遇到这个问题，做了个一模一样的

ifyour

2020-04-14 23:12:36 +08:00

@walkersz 谢谢感兴趣可以一起共建哈哈

🦀 iFont - 基于 Serveless 自动分拣中文字体库

iFont

GitHub

Usage

Contribution

动机