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.