HTML and CSS Reference
Web Font Formats
Although CSS3 makes it easy for you to use nonstandard fonts in your web pages, one more area needs to
be addressed: font file formats. Just like media files, font files come in a variety of formats, and there is no
one web standard for these formats. Table 13-5 shows a list of font file formats that are in use today.
Table 13-5. Font Formats Used on the Web
True Type Font ( .ttf )
Open Type Font ( .otf )
The TTF and OTF formats are most
commonly used on desktop
Firefox, Chrome, Opera, and Safari
Embedded Open Type ( .eot )
EOT is a proprietary Microsoft
format and is used mainly in older
versions of IE
Scalable Vector Graphics (SVG)
SVG is a general graphical format.
Mobile devices using the Android
operating system and Safari Mobile
Web Open Font Format ( .woff )
All newer versions of browsers
support WOFF. It may become a
standard at some point.
All newer versions of IE, Firefox,
Chrome, Opera, and Safari
Because there is no single standard file format for web fonts, and developers may need to host
multiple file formats on their web sites, some web sites offer fonts in these file formats for downloading.
One popular web site is Font Squirrel ( www.fontsquirrel.com ), wh ich provides what is known as @font-
face kits—sets of fonts in these file formats. Figure 13-7 shows the Font Squirrel download page for a font
Figure 13-7. Downloading a @font-face kit from the Font Squirrel web site