在 web 和 gpui 中实现印刷级别的字体排版精度

1 小时 13 分钟前
 P233
前几天看到 @imeoer 大佬用 gpui 写 markdown editor ,正好有个老的 web 英文排版项目特别适合移植到 gpui ,跟 web 相比 rust 可以读取字体文件的元数据,能做的更多,也更适合。

原理是通过读取字体度量表中的 ascent ,descent 与 units-per-em 推导字体的 baseline ratio 计算当前字号的基线的偏移量,然后将文本基线对齐到 vertical rhythm 的网格上,实现印刷排版级别的精度。并且不同字体,不同字号混合排版,drop cap 等等都能轻松处理。





项目地址: https://github.com/p233/rhythm-gpui

原 sass 版本也一并做了更新,地址: https://github.com/p233/rhythm-sass

有写 markdown editor 的一些设想,下周尝试一下,能走通就继续,走不通就放弃。
79 次点击
所在节点    分享创造
1 条回复
imeoer
17 分钟前
关注了,看起来很优雅啊,漂亮的效果。感觉这个特别适合富文本编辑器,纯 markdown 语法的排版还是太局限了。

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

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

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

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

© 2021 V2EX