@font-face VIA CSS3


The image above displays three seleted fonts as they should be rendered. Your browser/user agent may or may not render the font with the same size. It may not render the font family (labeled at left above) at all.

The CSS3 property @font-face is a method of sending a font source file to your browser, such as the three examples used above. The browser must be capable of using the font data or it will fall back to the default "web-safe" font family currently defined. The "web-safe" font families come in three generic groups shown within the table along with a few font familes of each group.

Serif Sans-Serif Monospace
Georgia
Times New Roman
Arial
Tahoma
Verdana
Courier New
Lucida Console

The results of your user agent are shown below.

Diploma
With CSS3, fonts other than pre-selected "web-safe" fonts can be used.
Techno
With CSS3, fonts other than pre-selected "web-safe" fonts can be used.
Renaissance
With CSS3, fonts other than pre-selected "web-safe" fonts can be used.