@font-face

Support Key: [CSS2] [IE4]
Other
At-Rules

@charset
@import
@media
@namespace
@page
@fontdef
= Index DOT Css by Brian Wilson =
Main Index | Property Index | CSS Support History | Browser History



What is it?
This At-Rule syntax maps an embedded OpenType file to a font already on the user's system or an entirely new font name. The 'font-face' At-rule consists of at least a font name to reference the font, and the URL of the OpenType file. If the font name already exists on the user's system, the OpenType file will be used instead of the system font, wherever it occurs in the document. If other font styles are applied in the At-rule (such as bold, etc), these serve as conditions for the application of the OpenType file (eg: if 'font-weight' is set to "bold" in the At-rule, the OpenType font file should only be applied when the specified font name is also set to bold.)
Syntax
@font-face {
     font-family: [New or Existing Font Family Name];
     [Other Declarations]
     src: url([Embedded OpenType File URL]);
     }
But Wait... There's More!
CSS2 introduces the concept of 'font descriptors', which allow for a much greater control over font specification - of which the downloadable "src:" descriptor is only one. This will be covered here in more detail in the future, but current browsers do not yet support this model.
Examples
@font-face {
     font-family: dreamy;
     font-weight: bold;
     src: url(http://www.example.com/font.eot);
     }
Browser Peculiarities

Boring Copyright Stuff....