Skip to main content

Free online font converter

From font file
to live website.

A font converter that works entirely in your browser, so licensed and brand fonts are never uploaded. Convert, subset, and check your fonts, then download WOFF2 with CSS you can ship.

  • Nothing uploaded, files up to 25 MB
  • Fallback CSS that limits layout shift
  • Next.js, Tailwind, and Astro code

Font converter

Ready when you are.

Private by design · no file upload

1. Add your fonts

Up to 25 MB per file

3. Convert and download

Select a font to get started.

Advanced options

Loading options…

Subset fonts

Character sets

OpenType features

Variable font axes

Add a variable font to fix or narrow its axes.

Line spacing and hinting
CSS in the web font kit

Compare fallback fonts in the fallback generator ↗

Fallback fonts

CSS and code snippets

Add fonts to see the CSS.

Your CSS choices are saved in this browser.

Your fonts stay on your device

Converting, subsetting, and checking all run in your browser, so commercial and unreleased brand fonts never reach a server. Files can be up to 25 MB, and a whole family converts at once.

A kit you can ship as is

The WOFF2 kit has @font-face CSS with each font’s real weight and style, fallback fonts sized to match so the page barely moves when the font loads, preload tags, and code for Next.js, Tailwind, and Astro.

View, subset, convert, ship

Check characters and features, keep only the characters you use, fix variable axes or line spacing, and download the result, all on one site.

More font tools

  • Font subsetter

    Keep only the characters your site uses, so the font file gets much smaller.

    Subset a font →
  • Variable font instancer

    Fix a variable font at one weight, or narrow its axes to the range you use.

    Instance a variable font →
  • Webfont generator

    Turn desktop fonts into a web font kit: WOFF2 files, @font-face CSS, and fallback fonts.

    Generate a kit →
  • Font viewer

    Look through a font’s characters, features, and details before you ship it.

    View a font →
  • Fallback generator

    Adjust a system font to the size of your web font, so pages move less while it loads.

    Make fallback CSS →

Formats explained

Choose the right format

Pick a format based on where you plan to use the font.

01 / DESKTOP FONT

TTF

Use TTF when a desktop app asks for it. For a modern website, convert it to WOFF2.

02 / DESKTOP FONT

OTF

Use OTF in desktop and design workflows. For a modern website, convert it to WOFF2.

03 / OLDER WEB

WOFF

Choose WOFF if you need to support older browsers without WOFF2.

04 / MODERN WEB

WOFF2

Choose WOFF2 for most modern websites. It is designed to reduce font download size.

Good to know

Frequently asked questions

Are my fonts uploaded?

No. Conversion runs locally in your browser, and the font file is not sent to our server.

Which format should I use for a website?

Choose WOFF2 for modern browsers. WOFF is useful when you need to support older browsers.

What is in the web font kit?

The ZIP includes your converted WOFF2 fonts; style.css with @font-face rules written with each font's own name, weight, and style, plus fallback fonts adjusted to its size; a sample HTML page; and a README with preload tags and code for Next.js, Tailwind, and Astro. Fonts from the same family share one font-family name. If a font's details can't be read, its rule uses the file name and weight 400, with a comment reminding you to adjust it.

Will conversion preserve every font feature?

WOFF and WOFF2 keep the original font data. Converting between TTF and OTF redraws the outlines in the other format, so hinting is dropped; OpenType features such as ligatures and small caps, kerning, line spacing, the font's names, and its embedding permissions are kept. Variable fonts can't be converted between TTF and OTF without losing their axes, so use WOFF2 for them. Keep your original file either way.

Can I convert and publish any font?

Check the font license before modifying or publishing it. Conversion does not grant new rights to use the font on a website.

Latest guides

All guides →