Font Converter
Turn TTF and OTF fonts into WOFF2 for your website, along with the @font-face CSS to
use them. It also converts WOFF2 and WOFF back to TTF or OTF. Your fonts never leave your browser.
WOFF2 is the format for websites — the smallest, and supported by every current browser.
WOFF is the older web format, only needed for very old browsers.
TTF / OTF turns web fonts back into files you can install on a computer. TrueType fonts become .ttf, PostScript-flavoured ones .otf.
Where the font files will live on your website, used in the src of each @font-face rule. For example /fonts/ or /assets/fonts/.
By default, file names are made web-friendly: lower case, with spaces, commas, and other symbols turned into dashes — IBMPlexSans-VariableFont_wdth,wght.ttf becomes ibmplexsans-variablefont-wdth-wght.woff2.
Tick this to keep the original names instead.
Paste this into your stylesheet, then use the fonts with font-family. Fonts from the same family share a name, so font-weight and font-style pick the right file.
font-display: swap shows text in a fallback font while the web font loads, instead of hiding it.