ModuOS FNT Viewer

A Visual Studio Code extension for viewing .fnt bitmap font files from the ModuOS project.

Open any .fnt file and get a full interactive font inspector — glyph grid, per-glyph detail view, and a live text preview rendered using the actual font bitmaps.

Features

Glyph Grid

Every glyph in the font is rendered as a pixel-perfect thumbnail. Scroll through the full set at a glance.

Glyph Inspector

Click any glyph to see it enlarged in the detail panel, alongside its metadata:

• Unicode codepoint (U+XXXX)
• Advance width (spacing)
• Bitmap dimensions

Live Text Preview

Type anything into the preview box and watch it render in real time using the font's actual bitmaps. A scale slider lets you zoom from 1× up to 8× so you can see fine detail or get a realistic size impression.

Glyph Search

Filter the glyph grid by:

• The character itself (e.g. A)
• Hex codepoint (e.g. 0041 or U+0041)
• Decimal codepoint (e.g. 65)

Font Metadata Header

The top bar shows the font name, format version, total glyph count, max glyph dimensions, and baseline offset — all parsed directly from the binary file.

FNT Format

This extension parses the ModuOS FNT binary font format:

See the ModuOS FNT Specification for full format details.

Usage

1. Open a .fnt file in VS Code — the viewer opens automatically as the default editor.
2. Browse glyphs in the grid on the left.
3. Click a glyph to inspect it in the right panel.
4. Type in the Type to preview box to render text with the font.
5. Use the search box to find a specific character or codepoint.

Tip: If VS Code opens the file as raw binary instead of the viewer, right-click the file → Reopen Editor With… → FNT Font Viewer.

Related

• ModuOS — the OS this font format was designed for
• FNT Font Editor — Python/tkinter GUI for creating .fnt files