How to choose Font Tools for a font file
Choose a Font Tools branch by the result you need. Font Convert Tools changes a file's format, Font Compress Tools reduces its size, Font Generate Tools creates @font-face CSS, Font Inspect Tools shows one font's sample text and details, and Font Compare Tools places a heading font beside a body font.
How to convert or compress font files
Use the file-focused branches when the font itself needs to change. The output decides which one to open.
- Font Convert Tools changes the format of font files. Open it when the next step needs the same font in another format.
- Font Compress Tools reduces the file size of font files. Use it when the selected font needs to take up less space in a project.
These are separate operations. If the font needs both changes, complete one file task and then open the other branch for the remaining task.
How to generate CSS for a web font
Font Generate Tools is the branch for @font-face CSS. Its child page, Webfont CSS Generator, generates @font-face CSS for web fonts.
Open this branch when you need @font-face CSS. Change the file first with Font Convert Tools or Font Compress Tools if it has the wrong format or size.
Where to preview or compare fonts
Open Font Inspect Tools for information about one font. Open Font Compare Tools when the choice involves two typefaces.
- Font Inspect Tools previews a font with sample text, metadata, and glyphs. Use it to check how one font renders and which characters and details it contains.
- Font Compare Tools compares a heading font and a body font side by side. Use it when you need to compare those two typefaces.
Which Font Tools branch matches the task
A font arrives in the wrong format. Open Font Convert Tools, then use Font Generate Tools when the page needs matching @font-face CSS.
A typeface needs a closer check before it goes into a layout. Font Inspect Tools shows its sample text, metadata, and glyphs.
A page needs a heading font and a body font. Font Compare Tools puts them side by side. After you choose a font file, Font Compress Tools handles a file-size reduction.
For images, video, audio, or subtitles, open Media Tools and choose that media category.
Frequently asked questions
How do I choose the right Font Tools branch?
Choose Font Convert Tools for a format change, Font Compress Tools for a smaller file, Font Generate Tools for @font-face CSS, Font Inspect Tools for one font's sample text and details, or Font Compare Tools for a heading and body font side by side.
Where can I change a font file format?
Font Convert Tools changes the format of font files. Use Font Compress Tools when the task is reducing file size instead.
How can I make a font file smaller?
Font Compress Tools reduces the file size of font files. Use Font Convert Tools when the required result is another format.
How do I preview or compare fonts?
Font Inspect Tools previews one font with sample text, metadata, and glyphs. Font Compare Tools compares a heading font and a body font side by side.