Font Converter (TTF, OTF, WOFF)

How to use the Font Converter (TTF, OTF, WOFF)

1. 1Select one or more TTF, OTF or WOFF files.
2. 2Each file converts straight away.
3. 3Check the family name and new size in each row.
4. 4Press Download for each converted font.
5. 5Add the WOFF files to your website's @font-face rules.

Using WOFF on a website

Upload the .woff file to your site and reference it in CSS with @font-face: give the family a name, point src at the file with format('woff'), and set font-weight and font-style to match the file. Then use that family name in your styles.

• @font-face { font-family: 'MyFont'; src: url('/fonts/myfont.woff') format('woff'); }
• Add font-display: swap so text shows while the font loads
• One file per weight and style

Installing a font from a website

Browsers can use WOFF but operating systems can't install it. Convert WOFF to TTF or OTF here, then double-click the file on Windows or Mac to install it, provided the licence allows desktop use.

How the conversion works

A font file is a set of tables such as glyf for outlines and cmap for character mapping. WOFF stores each table compressed with zlib, along with its original length and checksum. Converting to WOFF compresses each table; converting back decompresses them and rebuilds the TTF or OTF table directory.

TrueType or OpenType outlines

A WOFF made from an OTF with PostScript outlines (CFF) converts back to OTF; one made from a TrueType font converts back to TTF. The tool picks the right extension automatically.

Checking the converted font

Each row shows the font's family and style names read from inside the file, the conversion and the sizes. If the family name looks right and the WOFF is smaller than the TTF, the conversion worked. To double-check, convert the WOFF back to TTF and install it, or load the WOFF on a test web page.

Subsetting for faster pages

A font often contains thousands of characters you never use. Removing unused characters, called subsetting, can shrink web fonts dramatically. This converter keeps the font complete; use a subsetting tool if you need the smallest possible files for a single language.

Phone and computer

Font work is usually done on a computer, but the converter works on any device. Choosing a font format is part of a faster page. Shrink your stylesheet with the HTML, CSS & JS Minifier, embed the font in a stylesheet with the Base64 Encoder & Decoder, and convert pixel sizes with the PX to REM Converter.

Features

• TTF and OTF to WOFF
• WOFF to TTF or OTF
• Lossless: all tables kept
• Shows family and style names
• Batch conversion
• Runs in your browser

Frequently asked questions