A TrueType font renderer. Parses glyph outline data out of the font file and reconstructs each glyph's contours as quadratic Bezier curves, rendered using Bevy.
Built as a learning project to understand how fonts actually encode glyph shapes, and how a rendering engine turns that raw outline data into something drawn on screen. Inspired by Sebastian Lague's video on Text Rendering.
- Parses
.ttffiles - Reconstructs each glyph's outline from the raw contour point data, stitching points together into quadratic Bezier curve segments
- Renders the resulting glyph shapes using Bevy
- Click — move around the viewport
- Scroll wheel — zoom in on a glyph
- Caps Lock — toggle debug mode, showing all contour points and how they connect to form each glyph
-
TrueType fonts don't store glyph outlines as simple line segments, they store a set of on-curve and off-curve points, and the actual curve shape has to be reconstructed from that point data according to the format's rules (including implied on-curve points between consecutive off-curve points). Parsing that directly out of the binary font format, and turning it into properly stitched quadratic Bezier segments, was the core challenge here. The debug mode (Caps Lock) exists specifically to visualize that reconstruction, seeing the raw contour points and how they get connected into curves.
-
Rendering is handled through Bevy, which is a full game engine. A lighter weight renderer would be the better choice for this