Show HN:TrueType 字体中的二维码渲染器
摘要
一款 TrueType 字体,利用 OpenType 规则从括号内的文本直接内联渲染二维码,无需单独生成图片。
在昨天的“Libre Barcode Project”讨论中,1bpp 问道:“有人愿意为了用 TTF 提示码实现二维码渲染器而牺牲理智吗?”<p>是的。我有些代币可以挥霍,而且很好奇……结果发现,这是可能的。这个项目由 Gemini、GPT 和 Claude 混合构建而成(取决于哪个的使用限制先耗尽)。
查看缓存全文
缓存时间: 2026/07/01 20:01
# Jim的TrueType二维码字体
来源:https://qr.jim.sh/
这是一款真正的TrueType/OpenType字体,在文本整形过程中将括号内的文字转换为二维码。无需单独的图片生成或预处理步骤:只需输入类似`[hello]`的文字,应用该字体,字体内置的OpenType规则便会渲染出二维码。
由于二维码本质上仍是文本,你可以像普通字符一样复制粘贴渲染后的二维码块,以纯文本形式存储,或与常规拉丁文字符混合排版。括号外的文本保持可读。
**浏览器换行说明:**由于布局引擎在整形前会对Unicode文本进行断行处理,如果括号内的内容包含断行机会(如空格、点号或斜杠)且触及文本容器边界,浏览器可能会将二维码拆分成多行。为确保在HTML中可靠渲染,请将括号内的块用`white-space: nowrap;`或`display: inline-block;`的容器包裹。
字体
直接输入字体
将二维码字体应用到文本框
文本请使用方括号内的可打印ASCII字符。二维码字体1-L支持每个代码块最多17个字符;二维码字体2-L支持最多32个字符;二维码字体3-L支持最多53个字符。括号外的文本保持基于Liberation Sans的普通文字。
你好 [二维码编码] 世界!本页: [http://qr.jim.sh/]
下载二维码字体1-L (https://qr.jim.sh/qrfont-1L.ttf?h=263173ec)下载二维码字体2-L (https://qr.jim.sh/qrfont-2L.ttf?h=1447aaa7)下载二维码字体3-L (https://qr.jim.sh/qrfont-3L.ttf?h=9eac9e2c)源代码仓库 (https://github.com/jimparis/qr-font)
相似文章
Jim的TrueType二维码字体
Jim Paris发布了一款实验性TrueType OpenType字体,该字体使用OpenType塑形和Reed-Solomon编码,将括号分隔的文本渲染为二维码,同时保持周围文本可读。
二维码生成器
一款可自定义样式的二维码生成工具,借助Claude构建。支持网址、文本和WiFi网络码。
抖动二维码
本文介绍了一个抖动二维码生成器,它允许你在保持二维码可扫描的同时嵌入照片,并解释了相应的底层技术,如功能图案、拜耳抖动和弗洛伊德-斯坦伯格误差扩散。
制作二维码:深入探索二维码艺术 (2024)
本文探讨了创建美观且可扫描的二维码的艺术与技术,涵盖了错误纠正、AI生成和自定义渲染工具等方法,同时强调美学与功能性之间的平衡。
Show HN:一个ASCII 3D渲染引擎
GlyphCSS是一个JavaScript库,它使用ASCII字符在DOM中渲染带纹理的3D网格,支持多种3D格式,并与原生JS、React和Vue集成。