Sets a font to embed in the HTML document.
Syntax
| HTML | @font-face { sFontDescription } |
|---|
| Scripting | N/A |
|---|
Possible Values
| sFontDescription | String that specifies the following values:|
font-family:fontFamilyName | Any of the range of values available to the fontFamily attribute. | |
src:url(sURL) | Location of the font file, where sURL is an absolute or relative URL. |
|
Remarks
The rule has no default value.
Expressions can be used in place of the preceding value(s), as of Microsoft Internet Explorer 5. For more information, see About Dynamic Properties.
This feature allows you to use specific fonts that might not be available on your local system. The URL must point to an embedded OpenType file (.eot or .ote format). The file contains compressed font data that is converted to a TrueType font. For more information about the font embedding feature and pointers to a tool for creating .eot files, see About Font Embedding.
Example
The following example embeds a font in an HTML document by pointing to the font source, which is located at another site.
|
<HTML>
<HEAD>
<STYLE>
@font-face {
font-family:comic;
src:url(http://valid_url/some_font_file.eot);
}
</STYLE>
</HEAD>
<BODY>
<P STYLE="font-family:comic;font-size:18pt">
This paragraph uses the font-face rule defined
in the above style element. The rule embeds
an OpenType file for the Comic Sans font.
</P>
</BODY>
</HTML> |
Standards Information
This rule is defined in
Cascading Style Sheets (CSS), Level 2 (CSS2) .gif)
.