Skip to content
Tech News
← Back to articles

Show HN: QR code renderer in a TrueType font

read original more articles
Why This Matters

Jim's TrueType QR Code Font introduces a novel way to embed QR codes directly within text documents, eliminating the need for separate image generation. This innovation simplifies the integration of scannable codes into various digital and print media, enhancing usability and flexibility for developers and content creators. By enabling QR codes to be rendered as text, it streamlines workflows and improves compatibility across platforms.

Key Takeaways

Jim's TrueType QR Code Font

This is a real TrueType/OpenType font that turns bracketed text into QR codes during text shaping. There is no separate image generation or preprocessing step: type text like [hello] , apply the font, and the font's built-in OpenType rules render the QR code.

Because the QR code is still text, you can copy and paste the rendered QR block as ordinary characters, store it in plain text, or mix it inline with regular Latin text. Text outside brackets remains readable.

Browser Line-Wrapping Note: Because layout engines perform line-breaking on the Unicode text before shaping, browsers may split a QR code across lines if it contains break opportunities (like spaces, dots, or slashes) and hits the edge of a text container. For reliable rendering in HTML, wrap the bracketed block in a container styled with white-space: nowrap; or display: inline-block; .

Font QR Font 1-L (up to 17 characters) QR Font 2-L (up to 32 characters) QR Font 3-L (up to 53 characters) Plain Sans (no QR parsing) Font Size px Direct Input Font Apply QR font to textbox

Text

Hello [QR coded] world! This page: [http://qr.jim.sh/]

Hello [QR coded] world! This page: [http://qr.jim.sh/]