纯CSS把文字变二维码
推荐指数 56.0 NO. 008 · 2026.07.08
发布2026/07/07Score65Comments5
为什么值得看
用TrueType字体技术实现文本内嵌二维码：输入[hello]即渲染为可扫描的QR码，周围文字保持可读。对需要打印场景下动态生成二维码的开发者极其实用，无需后端或图片资源。
编辑判断
这个项目的真正价值不在二维码本身，而在展示了字体技术的图灵完备性——用GSUB替换规则和字形轮廓完成了完整的Reed-Solomon编码和掩码渲染，全部在字体沙箱内执行。之前类似需求通常依赖服务端生成SVG或调用Google Chart API，这个方案让任何支持OpenType的环境（包括老旧打印机和离线系统）都能原生输出。
做票据打印、物流标签、嵌入式系统的工程师应该关注，它把二维码生成从应用层下沉到了渲染层，砍掉了网络依赖和图像处理链。同类工具如qrcode.js或Python的qrcode库都需要运行时计算，而这个字体在排版阶段就完成全部工作。
社区反馈
意见分歧 5 条评论
核心争论：技术创意受赞赏，但Safari/iOS空格兼容性成硬伤
相关内容
[dupe] a recent Show HN: https://news.ycombinator.com/item?id=48703200
It doesn’t seem to like spaces that much, the code for [QR coded] is broken for me on safari ios. When the space is removed it’s a working qrcode again
Impressive, but on iOS 27 even one of the examples don't work. Seems like it has an issue with spaces. https://imgur.com/a/tZGqtjR