If you have a variable font with TTF format on your computer and want to use it on your site, you must convert the file to WOFF2 format.
WOFF2 format font file is recommended by web.dev to use for websites, and the format has better compression with an average over 30% reduction in file size, making your site faster and lightweight.
TTF to WOFF2 Converter
The converter below runs entirely in your browser using WebAssembly. Your font files are never uploaded to any server — the conversion happens locally on your device, so it is completely private and works offline once the page is loaded.
It is powered by Google's woff2 library, compiled to WebAssembly with emscripten by the open-source My Font Converter project.
Drop your .ttf or .woff2 files below to convert them. TTF files are converted to WOFF2, and WOFF2 files are converted back to TTF.
Drop .ttf or .woff2 files here
or click to browse. Conversion runs locally in your browser.
WOFF2 offers better compression than WOFF and TTF, and it supports variable fonts. Use WOFF2 as the primary format for serving fonts on the web, with WOFF as a fallback for older browsers if you need to support them.One-click Google Fonts self-host
If you want to self-host the Google Fonts on your WordPress site and download the file from the Google Fonts site, you will find out that the downloaded font file format is TTF. Convert the file to WOFF2 by using the converter above. Some of you may find this workflow cumbersome to self-host Google Fonts.
Fortunately, we have built the Yabe Webfont plugin, a WordPress plugin with a one-click Google Fonts import feature that allows you to self-host the files in seconds.
It offers multiple font file formats that can be chosen: WOFF2, WOFF, and TTF.
It has first-class visual builder integration for the most popular visual builders and themes, including Elementor, Oxygen, Bricks, and even Gutenberg.