Font Preview
Compare font stacks and your installed fonts with adjustable size, weight, line height, and letter spacing. All local.
This tool runs entirely in your browser. Your input is never uploaded.
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.6; letter-spacing: 0px;Local font listing requires a Chromium browser.
Font stacks and local fonts
Preview eight curated stacks (system sans, serif, mono, rounded, geometric, humanist, CJK sans, and CJK serif) against your own text. In Chromium browsers you can also grant access to your installed fonts via the Local Font Access API and pick any typeface by its PostScript name — other browsers fall back to the stacks.
Typography controls
Tune font size (8–96px), weight (100–900), line height (0.8–3), letter spacing (-5 to 20px), and italic. Everything updates live in the editable sample area, which ships with an English pangram and a Chinese sentence you can replace.
Export
Copy the generated font-family, font-size, font-weight, line-height, and letter-spacing declaration for any configuration. Your settings and sample text are saved in this browser. All processing happens locally.
Related tools
Color Converter
Convert colors, generate palettes, and check WCAG contrast locally.
Open ToolText Statistics
Count characters, Chinese characters, English words, lines, paragraphs, and estimate reading time locally in your browser.
Open ToolMarkdown Editor
Write, edit, and preview Markdown with live rendering, tables, task lists, math, diagrams, and highlighted code blocks.
Open Tool