Styling Web Forms and Views with CSS3 - HTML5 Programming for ASP.NET Developers - page 328

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

Format Description Browser Support

True Type Font ( .ttf )
Open Type Font ( .otf )

The TTF and OTF formats are most
commonly used on desktop
computers.

Firefox, Chrome, Opera, and Safari

Embedded Open Type ( .eot ) EOT is a proprietary Microsoft

format and is used mainly in older
versions of IE

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
named Magenta.

Figure 13-7. Downloading a @font-face kit from the Font Squirrel web site