Generate @font-face bundles

Registered by Christopher Adams on 2011-03-21

Every font profile page and list of fonts should be able to display font samples using the @font-face css property. This requires generating webfont files that are compatible across various platforms. In practice, this means generating .eot, .svg, .woff, and subsetted .ttf files. This should happen whenever a new font file is uploaded.

Blueprint information

Status:
Not started
Approver:
Christopher Adams
Priority:
Medium
Drafter:
Open Font Library Developers
Direction:
Approved
Assignee:
Open Font Library Developers
Definition:
Approved
Series goal:
Accepted for trunk
Implementation:
Not started
Milestone target:
milestone icon 0.9

Whiteboard

One of the best webfont generation suites is http://www.fontsquirrel.com/fontface/generator

EOTFAST does TTF to EOT conversion: http://www.eotfast.com/ Windows ONLY!

This web font optimizer only generates subset TTF files and claims to be buggy: http://fonts.philip.html5.org/

Fontue - is a Rack-based, open-source, web font server: http://fontue.com/

A List Apart has some clues about tools for webfont generation: http://www.alistapart.com/articles/fonts-at-the-crossing/

* http://fontforge.sourceforge.net/
* http://people.mozilla.com/~jkew/woff/ - sfnt2woff packs TTF and OTF CFF fonts into WOFF files.
* http://code.google.com/p/ttf2eot/ - ttf2eot creates uncompressed EOT lite files
* http://sourceforge.net/projects/fonttools/ - TTX converts OpenType and TrueType fonts to and from XML.
* http://fontue.com - Fontue is an open source engine for serving fonts plus font-processing scripts, too. http://github.com/garrickvanburen/fontue
* http://code.google.com/apis/webfonts/docs/webfont_loader.html - WebFont Loader is a JavaScript library for font loading.

On reliable @font-face syntax and how to support what:
http://readableweb.com/new-font-face-syntax-simpler-easier/

For converting TTF to SVG:
http://xmlgraphics.apache.org/batik/tools/font-converter.html

An example of everything packed into an automated service:
http://www.fontsquirrel.com/fontface/generator

Convert OTF to TTF using FontForge:
http://www.stuermer.ch/blog/convert-otf-to-ttf-font-on-ubuntu.html

How To Generate Web Native Fonts
http://code.google.com/p/googlefontdirectory/wiki/HowToGenerateWebNativeFonts

Can the OFLB community cook up something better?

(?)

Work Items

This blueprint contains Public information 
Everyone can see this information.