@font-face Attribute
@font-face { font-family: <font-family> ; url(<URL>); }
Specifies a font to embed into your HTML document. This feature allows you to use specific fonts that might not be available on your local system. The URL should point to an embedded OpenType file (.eot or .ote format). The file contains compressed, subsetted font data that is converted to a TrueType font and installed by T2embed.dll.
The example below shows how to embed a font in an HTML document by referencing its source from another site.
<html>
<head>
<style>
@font-face {font-family:comic;
src:url(http://axtest/tritest/beta2styles/fonts/comicbold.eot);}
</style>
<title>Font embedding using the @font-face</title>
</head>
<body>
<p style="font-family:comic;font-size:18pt">this line uses @font face defined in the above style element section using comic sans ms bold in 18pt.</p>
</body>
</html>
The following example uses an in-line style.
<html>
<head>
<title>Font embedding using the @font-face</title>
<body>
<p style="@font-face comic{src:url(http://axtest/tritest/beta2styles/fonts/comicbold.eot);} this is an in-line style example of the @font face attribute using comic sans ms bold font.
</body>
</html>
Another example uses the STYLE element to combine several style sheets.
<STYLE>
@import url(http://somepartialstylesheet);
@import url(http://someotherstylesheet);
h3 {color:yellow}
</STYLE>
|
