1 · Add a font
Only subset fonts whose license allows it. Most open-source fonts (SIL OFL, Apache) do. Commercial licenses often require webfont rights.
2 · What you get
A WOFF2 file with every character, kerning pair and OpenType feature of the original, packed with Brotli compression for the web. The @font-face CSS and a preload tag come with it.
Only need Latin characters? The font subsetter can make the file much smaller.
2 · Characters to keep
For a logo-only font, untick every set above and paste the text here.
Advanced options
Narrow a range to cut file size. Set both ends to the same value for a static font.
3 · Your WOFF2
Loading the font engine…Why convert OTF to WOFF2
OTF files usually hold CFF outlines, the PostScript-style curves Adobe fonts have always used. WOFF2 keeps those outlines exactly and adds Brotli compression, so the font is far smaller on the web while looking identical.
Every character is kept here. To shrink the font further, the font subsetter can drop the characters your site never uses. Make sure the font’s license allows web use first; commercial OTF fonts often need a separate webfont license.
Questions
Is there any difference between OTF and TTF for this?
Not for the result. Both convert to WOFF2 the same way, and browsers handle either kind of outline.
Is my font uploaded?
No. Everything runs in your browser, inside this page.