@font-face Generator
Usage: Click the "Add Fonts" button, check the agreement and download your fonts. If you need more fine-grain control, choose the Expert option.
Note: The Generator is processor intensive. Please be kind and don't generate more than a few at a time. Thanks!
Find this free service valuable and want to see it grow? Consider donating. Thank you!
Font Formats
| Format | Description |
|---|---|
| TTF | Raw TrueType file, designed to look good on-screen. |
| EOT Lite | EOTs are only supported by Internet Explorer. This EOT type is uncompressed and is the same filesize as a TTF. |
| EOT Compressed | EOT compressed with LZ compression. File sizes are often smaller than WOFF. Special thanks to Richard Fink and Philip Taylor for creating the excellent EOTFast app. |
| WOFF | Cross-browser, web-only font format that uses gzip compression. IE9+, FF3.6+, Chrome 5+ |
| SVG | This is an XML format required by iOS devices before version 4.2. |
| SVGZ | This is gzipped version of SVG. |
Conversion Options
| Option | Description |
|---|---|
| Apply Hinting | Hinting greatly improves rasterization in Windows. Recommended to leave this on. |
| Fix Vertical Metrics | Normalizes the "padding" on the top and bottom of the font to be the same across browsers and platforms. |
| Remove Kerning | Most browsers do not kern text. Removing kerning reduces filesize. |
| Fix Missing Glyphs | Enabling these will add all the Unicode space and hyphen glyphs if they are missing. |
| X-height Matching | This will resize the glyphs to match the selected font. This is useful for fallback consistency. |
| WebOnly™ | This will alter the font file in such a way as to render it uninstallable on a desktop computer. |
| Subset Fonts | Subsetting removes extraneous glyphs from your font reducing filesize. |
| Style Linking | Adds appropriate font-weight and font-style statements to your @font-face selector. Not fully cross-browser compatible. |
| Base64 Encode | This will encode the font into the CSS file itself as a data URI. (SVG and EOT formats will not be encoded because they are not supported.) |
| OpenType Options | If the font has the features, this will allow you to "flatten" the selected features into your font file. For instance, selected "Small Caps" will replace all the lowercase letters with the small cap glyphs, turning the font into a Small Cap font. |
| Font Name Suffix | Customize your font filenames by using your own filename suffix. "webfont" is the default. |
| Em Square Value | Sometimes a different em square will affect how the font hints and renders in Windows. |
| Adjust Spacing | Loosen or tighten the "tracking" of a font. The value is in units of the em square. If the em square is 2048, then adding 50 units of padding makes the spacing slightly looser. |
| Postscript Hinting | The Generator's TrueType hinting relies heavily on PostScript hints for accuracy. You can choose to keep the font's existing hints, use Font Squirrel's auto-hinter, or Adobe's hinting program. |
CSS Code
You have the choice of three CSS styles. The default is the one discovered by us called Fontspring Font-face Syntax. The Smiley method has been deprecated due to incompatibility with Android. Mo Bulletproofer is an alternate method that is a bit more complex but works well.
Help! It Isn't Working Right!
If you experience any issues with the output or UI, please . We're anxious to bullet-proof the process.
Release Notes
| 2011-05-04 | Some hinting edge cases fixed. Better handling of ancient (bad) fonts. |
| 2011-04-22 | Tweaked the hinting routine slightly to better accommodate some fonts. GASP table now upgraded to version 1 for better DirectWrite output. Fixed a problem with the OpenType Options. |
| 2011-04-21 | Improved hinting performance! Added EOT Lite/Compressed as separate options. Added option to fix missing spaces/hyphens. Added x-height matching. Added PostScript hinting option and integrated Adobe's excellent hinter. SVG hashes are now are named more clearly/consistently. |
| 2011-03-09 | "Remove Kerning" option is now off by default in all options. Browser support for this is picking up. |
| 2011-02-07 | Added the new Fontspring Syntax as default option. Removed the Cufon generator because it was too unstable. |
| 2010-12-29 | Removed the "Keep OT Features" option for now. Too unstable. Added the ability to choose OpenType features to flatten into a webfont. Added the ability to adjust the font's spacing. |
| 2010-12-15 | Removed some menu options that no longer apply (demo.html settings). Introduced a brand-new demo specimen page that is more complete and interesting. Also includes some basic help. |
| 2010-11-12 | Folded in the spline simplification routine. Seems to fix rendering of some fonts. Rearranged the menu slightly. |
| 2010-11-04 | Added a Fix Vertical Metrics option. This normalizes the upper and lower bounds of the font across platforms. Added a config file that downloads with the fonts. This config file can be uploaded with subsequent fonts to restore your settings. Tweaked the Greek subset. |
| 2010-08-03 | Added aspect ratio information output, useful for the upcoming CSS font-size-adjust property. |
| 2010-05-27 | Tons of under-the-hood changes. Processing should be somewhat faster now. Removed all CFF OpenType options. Subsetter now handles some problem fonts (Looking at you DejaVu). Added (Beta) option to "Keep OT Features" which does corrupt some fonts. Added SVGZ format. Modified the WebOnly protection scheme slightly. Some subsetting options now work correctly. |
| 2010-04-16 | Strengthened the Protect Font IP routine - now is even harder to install. Also hacked at the SVG fonts removing every last bit of data as possible. |
| 2010-04-13 | Updated UI with processing queue and status indicators. Fonts are now limited to 1 MB max. Hinting is limited to the first 600 glyphs. Will no longer hint if average number of points in a glyph is greater than 150. New option called "Protect Font IP" which renders the webfont unusable as a desktop font. Subsetting of some form is now required. Added style linking option for regular/bold/italic/bold italic weights. Cleaned up the demo.html file somewhat. |
| 2010-04-01 | Updated the subsetting. English now works. Added Mac Roman. Added some missing punctuation to the language-specific subsets. |
| 2010-03-30 | Fixed SVG font output. They should no longer show missing glyph boxes. They are also slightly more compressed. A few other SVG things cleaned up. |
| 2010-03-10 | Added Hebrew as a language option, and added a field to enter custom unicode hex values for subsetting. Also cleaned up some of the doc language. |
| 2010-03-05 | A near complete rewrite of the backend. Hopefully no regressions. New features: Cufón support, subsetting by language, WOFF formats, and choose-your-own CSS code. |
| 2009-12-31 | Fixed a lot of regressions I introduced. Subsetting only with the single character box works now. Changed the recommendation for base format to TrueType. |
| 2009-12-29 | Minor update to the demo.html CSS. Some fonts were getting their ascenders and descenders cut off by the way I coded it. |
| 2009-12-07 | Slightly improved auto-hinting. Waterfall text samples have replaced the paragraphs in demo.html. Fixed an issue with missing space glyphs. Windows "Standard" rasterization for TTF now anti-aliased for all sizes. Changed hinting default to "Use Existing Hints." |
| 2009-11-30 | Added "Remove Kerning" option. Added "Remove Hinting" option. Added "Simplify Outlines" option. All glyph "references" in fonts are now converted to outlines. Whitespace glyphs are now removed. All fonts are now force-encoded to Unicode. Em squares are now normalized. Plus a bunch of minor tweaks and upgrades make for smaller, leaner fonts! |
| 2009-11-16 | Some fonts with ridiculously long names now render correctly in IE. |
| 2009-11-10 | The Generator now automatically creates an alternate base64 encoded version of the stylesheet if you want to use it. This increases performance at the cost of bandwidth. |
| 2009-11-09 | What I thought was a big improvement in the last update...wasn't. Now it really is! Windows rendering is getting pretty good for most fonts that are converted now. Enjoy! |
| 2009-11-07 | Dramatically improved hinting on fonts now. Tell us what you think. |
| 2009-11-04 | Fixed what I broke yesterday.... TTF files now download properly. |
| 2009-11-03 | OTF fonts are now converted to TTF for better rendering on Windows. Changed the order of the CSS, so that the TTF comes before the SVG as per this note. |
| 2009-10-29 | Fix for SVG fonts not subsetting fully. Fix for fonts that exceed their stated Ascenders and Descenders. These values are modified now for EVERY font, so layout may be slightly different between the original and the converted. |
| 2009-10-28 | Updated the SVG generator to use Batik which seems to make more compatible SVG fonts. |
| 2009-10-27 | New subsetting features including unicode tables and custom characters. Fixed bug where file extension was uppercase. Fixed delete button to actually delete! |
| 2009-10-23 | Fix for when some fonts weren't subsetting because of bad glyph data. |
| 2009-10-22 | Some hard to open fonts will now convert. Other dumb coding errors fixed. |
| 2009-10-20 | Updated the way the NAME table is updated. Fixes some EOTs. |
| 2009-10-19 | Tweaked SVG output to be compatible with Chrome. |
| 2009-10-16 | Added a EULA confirmation checkbox. Fixed an issue where certain fonts' ascenders and descenders were getting cut off in Windows. (Looking at you DejaVu Serif.) This fix may cause problems for other fonts, but I'm hopeful that it won't. |
| 2009-10-10 - 2009-10-15 | A New UI, WOFF support and a bunch of bug fixes. Sorry, I wasn't tracking changes until 10/16/2009. |
| 2009-10-09 | Initial Release |
Filter
@font-face
Style
About
Font Squirrel is your best resource for FREE, hand-picked, high-quality, commercial-use fonts. Even if that means we send you elsewhere to get them.
NEWS
Tools
