Free typography tools.

Make room for experimentation. Useful tools, right in your browser.
Free, with no account needed.

Website font checker

Enter a URL to see which fonts a website declares, where they are hosted, and which font files it loads. Free, no install.

OPEN FREE TOOL

AaAaAa

Type scale calculator

Build a harmonious type scale. Set your base size and ratio, preview every step, and copy the CSS.

OPEN FREE TOOL

px↔rem

PX to REM converter

Convert pixels to rem units with your own root font size, with a reference table of common sizes and the formula explained. Free, no sign-up.

OPEN FREE TOOL

Aa&Aa

Font pairing playground

Compare heading and body typefaces with your own text, try more than forty open source families, then copy your pairing as CSS.

OPEN FREE TOOL

A↔A

Fluid typography clamp() calculator

Generate a CSS clamp() value that scales font size smoothly between two viewport widths, in rem, with a live preview.

OPEN FREE TOOL

Aa≈Aa

Fallback font generator

Match a fallback font to your web font with size-adjust, ascent-override and descent-override, so text does not jump when the web font loads.

OPEN FREE TOOL

Aa,Aa

CSS font stack builder

Build a safe CSS font-family stack for system UI, serif, sans-serif or monospace text, see which font renders on your device, and copy the CSS.

OPEN FREE TOOL

@{}

@font-face generator

Generate clean @font-face CSS for self-hosted fonts: static weights or a variable font, italics, font-display, unicode-range and a preload tag.

OPEN FREE TOOL

A↔V

Letter spacing converter

Convert letter spacing from Figma percent, Photoshop and Illustrator tracking, or pixels into CSS em values, with a live preview.

OPEN FREE TOOL

≡↕Aa

Line height calculator

Convert line height between pixels, percent and a unitless CSS ratio, snap it to a baseline grid, and preview the result on real text.

OPEN FREE TOOL

Aa◐Aa

Text contrast checker

Check the contrast ratio between a text color and its background against WCAG AA and AAA. Accepts HEX, RGB, HSL and OKLCH colors.

OPEN FREE TOOL

G→/

Google Fonts self-hosting helper

Paste a Google Fonts embed link and get @font-face CSS for your own server, plus the list of WOFF2 files to download. Keeps unicode-range subsets.

OPEN FREE TOOL

rem→px

REM to PX converter

Convert rem values to pixels with your own root font size, with a reference table of common values.

OPEN FREE TOOL

em→px

EM to PX converter

Convert em values to pixels based on the font size they are relative to, with a reference table of common values.

OPEN FREE TOOL

pt→px

PT to PX converter

Convert points to CSS pixels for the web: 1pt is 1.333px. Includes a table of common print sizes and their rem values.

OPEN FREE TOOL