Screen #55 of 60 Batch 10 desktop • 1440x900px

Desktop Typography Font Subsetting & WOFF2 Brotli Optimizer Studio

Specification & Codex Reference Prompt (Click to expand) (Web font engineering studio displaying interactive glyph grid, unicode range subsetting checkboxes, live text preview, and file size reduction stats.)

Screen Role: Web font engineering studio displaying interactive glyph grid, unicode range subsetting checkboxes, live text preview, and file size reduction stats.

Design Intent: A professional typography and web font optimization studio UI at 1440x900 resolution in clean Light Mode. White canvas (#FFFFFF) with 1px light slate borders. Center stage: Interactive font glyph grid displaying 480 vector character glyphs (A-Z, a-z, 0-9, punctuation) in crisp vector outlines with blue selection highlights on included characters. Left control sidebar (360px wide, white container with 1px border): - Source Font: "Inter-Variable.ttf (2.4 MB)" - Unicode Subsets: Checkboxes for "[x] Basic Latin (95 glyphs)", "[x] Latin-1 Supplement", "[ ] Cyrillic", "[ ] Greek", "[ ] Math Symbols" - Target Format: [ WOFF2 (Brotli Compressed) v ] - Optimization Metric: Prominent green badge "Size Reduced: 2.4 MB -> 34 KB (-98.6%)" Bottom preview bar: Editable live text typing box: "The quick brown fox jumps over the lazy dog." Top button in solid indigo "Download SubsetFont.woff2". Precision font design UI, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/studio/font-subset/ Template: file_converter/screens/screen_55.html

Live Django Implementation (desktop)

Isolate →

WOFF2

Web Font Subsetter & Brotli WOFF2 Optimizer

TTF / OTF → Lightweight Brotli-Compressed WOFF2 with Unicode Range Subsetting

Source Font

Inter-Variable.ttf

2.4 MB • Full Variable Weight Axes

Brotli Size Compression:

2.4 MB → 34 KB (-98.6%)

Unicode Range Subsets

Basic Latin (95 glyphs) Latin-1 Supplement (96 glyphs) Cyrillic (U+0400-04FF) Greek & Coptic Mathematical Operators

Included Glyphs (Selected Subsets)

191 Characters Retained

Live Font Rendering Preview

Original Codex Reference Mockup Full PNG