Free online font converter
Convert OTF to WOFF2 Online
Convert an OTF font to WOFF2 privately in your browser. Preview it, check the result size, and download CSS with a web font kit.
Font converter
Ready when you are.
Private by design · no file upload
1. Add your fonts
Up to 25 MB per file3. Convert and download
Select a font to get started.
Advanced options
Loading options…
How to convert OTF to WOFF2
- Drop the OTF files from your design project above, one weight or the whole family.
- Check the preview with a line from your design. WOFF2 is already the output format.
- Convert, then download the WOFF2 files, or the kit with @font-face CSS and snippets for Next.js, Tailwind, and Astro.
From a design file to a web font
OTF is the format type designers and design apps usually hand over. For a website, the same font goes into WOFF2: the kit’s style.css declares each file with its weight and style, so the font-weight values your design uses select the right file.
If your design uses OpenType features such as old-style figures or small caps, turn them on in CSS with font-variant or font-feature-settings. They are still in the WOFF2.
What happens to CFF outlines in WOFF2
Most OTF files use CFF (PostScript) outlines. WOFF2 stores the CFF table as it is and compresses it with Brotli; unlike TrueType outlines, CFF needs no transform. Browsers unpack the exact same OpenType font, so the curves, the CFF hints, kerning, and every OpenType feature are kept.
Nothing is converted to TrueType along the way. If you need a TTF for software that does not accept OTF, that is a separate conversion that rebuilds the outlines; for the web, WOFF2 from the OTF is the better route.
How much smaller an OTF gets
CFF outlines are already compact, so OTF files usually shrink a little less than TTF: 42–55% in our tests, for example STIX General 361 KB → 208 KB and Noto Sans Javanese 85 KB → 38 KB. The real size of your file appears right after converting.
Display families often contain many glyphs a page never shows, such as alternates and other scripts. Subsetting them away is where most of the remaining savings are.
Matching what the designer saw
Design apps switch OpenType features on through their typography panels; on the web, CSS does it. Old-style figures are font-variant-numeric: oldstyle-nums, small caps are font-variant-caps: small-caps, and a stylistic set is font-feature-settings: "ss01". Standard ligatures and kerning are on by default.
Check that each weight in the mockup has its own OTF before converting. A family delivered as Regular, Medium, and Bold becomes three WOFF2 files under one font-family name, and the browser picks the right one from font-weight instead of faking bold.
Desktop licenses often exclude web use, so check the license or the foundry’s web font terms before you publish the files.
OTF to WOFF2 questions
Do browsers support CFF outlines inside WOFF2?
Yes. Chrome, Edge, Firefox, and Safari all render WOFF2 files with CFF outlines. There is no need to convert the font to TrueType first.
Why is my WOFF2 not much smaller than the OTF?
CFF outlines are compact to begin with, so compression has less to remove than with TrueType. To shrink the file further, subset it to the characters your site uses.
Will ligatures, small caps, and alternates still work?
Yes. The GSUB and GPOS tables are copied unchanged, so every OpenType feature in the OTF is available on the web through CSS.