Font tools
91 free browser-based tools for designers and developers. Everything runs client-side — no upload, no account, no watermark.
Discovery & preview
Search, filter and preview the entire open-source Google Fonts library.
All Fonts Search
Full-text search across 1,942 open-source Google Fonts.
Popular Fonts
Most-used Google Fonts, ranked by real popularity.
Recently Added
Newest and trending open-source typefaces.
Category Finder
Filter by Sans, Serif, Display, Mono, Handwriting.
Language Finder
Fonts by supported script — Arabic, Devanagari, CJK, Cyrillic…
Variable Fonts
Every free variable font on Google Fonts.
Commercial-Use Fonts
OFL / Apache 2.0 / Ubuntu — cleared for commercial work.
Multi-Font Comparison
Side-by-side preview of up to six fonts.
Similar Font Finder
Free lookalikes to any Google Font.
Glyph Map Viewer
Every character in any Google Font.
Font Preview
Type anything and preview it across the catalogue.
Font Finder (by Image)
Upload a screenshot and find visual matches.
Font Size Comparison
Every common size (12–120px) in one glance.
Multi-Column Preview
Magazine-style long-form reading test.
Mobile Font Preview
Any font inside a real iPhone frame.
Dark Mode Preview
Light and dark side-by-side.
Pairing & typography
Proven pairings, mood matching, and the calculators every designer needs.
Heading + Body Pairing
24 curated font pairs across five vibes.
Logo Font Pairing
Wordmark + tagline previews for your brand.
Website Font Pairing
Full landing-page composition preview.
Font Pairing Generator
Pick one font, get its best companions.
Font Mood Finder
Modern, classic, playful, luxury, technical, editorial.
Modular Type Scale
Perfect fourth, golden ratio and more.
Line Height Calculator
Optimal leading for any size and measure.
Letter Spacing
CSS tracking with a live preview.
Baseline Grid Tester
Snap type to a vertical rhythm.
Kerning Pair Tester
AV, Ta, We, fi… tested at scale.
CSS & webfont code
Copy-paste-ready snippets for every stack.
@font-face Generator
Bulletproof self-hosted @font-face CSS.
Google Fonts Embed
<link>, @import, preload with preconnect.
CSS Font Stack
System-font fallbacks so text renders instantly.
clamp() Font-Size
Fluid responsive typography, one line.
font Shorthand Builder
One-line CSS font property, correctly assembled.
Preload / Preconnect
Correct rel=preload and rel=preconnect tags.
font-display Strategy
swap vs block vs fallback vs optional.
unicode-range
Split webfonts into subset ranges.
font-variation-settings
Variable-font axis to CSS.
font-feature-settings
Toggle OpenType features.
Tailwind Font Config
v3 fontFamily + v4 @theme.
React / Next.js Setup
next/font + Vite boilerplate.
Vue / Nuxt Setup
@nuxtjs/google-fonts + Fontsource.
Svelte / Astro Setup
SvelteKit + Astro font blocks.
WordPress Snippet
wp_enqueue_style + style.css.
Shopify Snippet
theme.liquid + base.css.
Variable Font Playground
Slide weight, optical size, slant and more.
Text effects & CSS
Copy-paste CSS text effects with live preview.
Image export
Turn text into images — PNG, JPG, SVG, WebP, social sizes.
Conversion & optimisation
Convert font formats in your browser — nothing uploaded.
TTF → WOFF2
Brotli-compress TTF for the web.
OTF → WOFF2
Brotli-compress OTF for the web.
WOFF2 → TTF / OTF
Decompress a webfont back to SFNT.
WOFF → TTF / OTF
Decompress legacy WOFF files.
TTF ↔ OTF
Detect outlines and rename safely.
Font → Base64
Inline a font as a CSS data URI.
Base64 → Font
Extract a font from a data URI string.
Google Fonts Subset
Ship only the glyphs your page uses.
Accessibility & testing
Make sure your typography works for everyone.
WCAG Contrast Checker
AA/AAA text/background ratio checker.
Dyslexia-Friendly Preview
BDA-guided readability preview.
Font Loading Simulator
FOIT / FOUT / swap live preview.
FOIT / FOUT / FOFT
Three loading failure modes with adjustable delay.
Cross-Browser Preview
Chrome, Safari, Firefox, Windows GDI rendering.
Print Preview
True-scale A4, Letter, A5, business-card previews.
Typing Speed Tester
WPM in any Google Font.
Text utilities
Convert, count, transform.
Word / Character Counter
Live text statistics + reading time.
Text Case Converter
UPPER, lower, camel, snake, kebab and more.
Text Transformers
Reverse, flip, strike, small-caps Unicode.
Lorem Ipsum
Custom-length placeholder text.
Pangram Generator
Every-letter sentences for font testing.
px ↔ rem ↔ em ↔ pt
Live CSS unit converter.
Inspection & validation
Look inside a font before you ship it.
Font File Validator
Integrity check for TTF, OTF, WOFF, WOFF2.
Font Metrics Viewer
unitsPerEm, ascent, descent + CSS overrides.
Embedding Permission
fsType bits — is it licensed for the web?
Font Metadata Viewer
Read the OpenType tables inside a font.
Name Table Viewer
Copyright, designer, licence, version.
OpenType Features
See which OT features a font ships.
Glyph Count / Coverage
Unicode block coverage report.
Font Weight Preview
100 → 900 side by side.
Font Style Preview
Italic, oblique, small caps variants.
Stylish text & social
Unicode fonts you can copy and paste anywhere.
Unicode Font Generator
24 styles — bold, italic, script, fraktur, monospace…
Small Caps Generator
Real Unicode small-capital letters.
Instagram Fonts
Stylish bio and caption fonts.
TikTok Fonts
Bio, username and caption styling.
Discord Fonts
Bold, italic, script and more in Discord.
Gaming Nicknames
PUBG, Free Fire, Valorant, Roblox tags.