TTF
Use TTF when a desktop app asks for it. For a modern website, convert it to WOFF2.
Free online font converter
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.
Font converter
Private by design · no file upload
3. Convert and download
Select a font to get started.
Loading options…
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.
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.
Check characters and features, keep only the characters you use, fix variable axes or line spacing, and download the result, all on one site.
Keep only the characters your site uses, so the font file gets much smaller.
Subset a font →Fix a variable font at one weight, or narrow its axes to the range you use.
Instance a variable font →Turn desktop fonts into a web font kit: WOFF2 files, @font-face CSS, and fallback fonts.
Generate a kit →Look through a font’s characters, features, and details before you ship it.
View a font →Adjust a system font to the size of your web font, so pages move less while it loads.
Make fallback CSS →Formats explained
Pick a format based on where you plan to use the font.
Use TTF when a desktop app asks for it. For a modern website, convert it to WOFF2.
Use OTF in desktop and design workflows. For a modern website, convert it to WOFF2.
Choose WOFF if you need to support older browsers without WOFF2.
Choose WOFF2 for most modern websites. It is designed to reduce font download size.
Good to know
No. Conversion runs locally in your browser, and the font file is not sent to our server.
Choose WOFF2 for modern browsers. WOFF is useful when you need to support older browsers.
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.
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.
Check the font license before modifying or publishing it. Conversion does not grant new rights to use the font on a website.
Why the same font can get a different line height on macOS and Windows: the three sets of vertical metrics, the USE_TYPO_METRICS flag, and what you can do in CSS.
What font hinting does, where it still matters, how much space removing it can save, and how to decide for your own site by testing both versions.
Ten checks that keep web fonts fast: format, file count, subsetting, font-display, preloading, fallbacks, caching, and how to measure the result.
Desktop apps rarely install WOFF2 files. Why that is, how to convert WOFF2 to TTF or OTF without losing anything, and what to check in the license first.