Font Editor

Browser Font Editor

Exclusive Cyrillic for digital design — refine every curve, adjust every pair, export production-ready fonts from your browser.

Open Editor Watch Demo
TypeLab browser font editor interface showing glyph workspace with kerning pair panel, tracking slider, and export options sidebar

Overview

A complete font workspace in your browser

TypeLab's browser editor gives type designers and foundry teams a full-featured workspace without installing desktop software. Open a font family, tweak glyph metrics, fine-tune kerning pairs, and export to OTF, TTF, WOFF2, or variable font formats — all from a single tab.

The editor was built for Cyrillic-heavy design workflows. Every character from the Extended Latin and Cyrillic Unicode blocks is rendered at optical size, with real-time preview across multiple weight axes. Last year, our editor helped produce 1,247 font families for clients across Moscow, Berlin, and Tel Aviv.

Tools

Precision tools for professional typography

Tracking & Spacing

Adjust letter-spacing from −200 to +500 EM units with per-group overrides. Set default tracking for uppercase, lowercase, and small caps independently. The spacing engine respects existing sidebearings and never clips diacritics.

Kerning Pairs

Import kerning tables from .kern or .fea files, or build them manually with our pair-by-pair workspace. Visual guides snap to optical centers, and the auto-kerning algorithm generates 3,000+ starting pairs for Cyrillic typefaces in under 12 seconds.

Weight & Width Axes

Define up to 16 weight stops from Hairline (25) to Black (975) and up to 8 width stops from Condensed (50%) to Expanded (150%). Interpolation preview updates in real time so you can catch overshoots before exporting.

OpenType Features

Enable contextual alternates, stylistic sets, ligatures, and case-sensitive forms directly in the feature editor. Preview each feature activated in live text samples — no need to compile and test externally.

Preview

Live preview at every stage

Every adjustment you make is reflected instantly in the live preview panel. Type your own copy or choose from 24 built-in pangrams covering Cyrillic, Latin, and Greek scripts. Preview text at sizes from 8px to 120px with optical size simulation.

The preview panel supports multiple output modes: desktop rendering, web rendering (via @font-face simulation), and mobile rendering (iOS/Android font stack behavior). This means the font you see in the editor is the font your end users will see — no surprises in production.

Multi-size Proofing

Simultaneously preview your typeface at headline (48–72px), body (16–20px), and caption (10–12px) sizes. Each size group highlights different glyph issues: headline reveals counterbalance problems, body exposes x-height rhythm, and caption surfaces legibility gaps.

Cross-platform Render Check

Compare how your font renders on macOS Core Text, Windows DirectWrite, and Android Skia side by side. Sub-pixel hinting differences are flagged automatically, and the editor suggests adjustments to reduce rendering variance across platforms.

Export

Export to any format, ready for production

When your font is polished, export it in the format your project demands. The editor compiles clean, specification-compliant font files with full OpenType tables, proper name records, and embedded copyright metadata.

OTF & TTF

Export as OpenType with CFF outlines (OTF) or TrueType with quadratic Bézier curves (TTF). Both formats include complete GSUB/GPOS tables for all enabled features. File sizes are optimized with automatic delta compression for TTF output.

WOFF & WOFF2

Web-optimized exports with Brotli compression for WOFF2, reducing file size by up to 40% compared to TTF. Include only the glyphs you need — the editor supports subset export based on your preview text or a custom Unicode range.

Variable Fonts

Compile a single-variable font file with up to 5 axes (weight, width, optical size, slant, and one custom axis). The exported .ttf includes proper fvar, avar, and STAT tables, validated against the Microsoft Variable Font specification.

Source & Design Files

Download your work as .glyphs source files, .ufo packages, or .json design data for version control. Every export includes a metadata manifest with font family name, version number, designer credits, and Unicode coverage report.

Start Editing Free Download Sample Family