@font-face
Establece una fuente que incrustar en el documento HTML.
Sintaxis
@font-face { sFontDescription }
Valores posibles
sFontDescription
Cadena que especifica los valores siguientes:
font-family: font-familyName |
Cualquiera de los valores disponibles en la propiedad font-family. |
src: url(sURL) |
Ubicación del archivo de fuente, donde sURL es una dirección URL absoluta o relativa. |
Observaciones
Esta regla no tiene un valor predeterminado.
Esta característica le permite usar fuentes específicas que puede que no estén disponibles en el equipo. La dirección URL debe apuntar a un archivo OpenType incrustado (formato .eot u .ote). El archivo contiene datos de fuente comprimidos que se convierten en una fuente TrueType.
Ejemplo
En el siguiente ejemplo se incrusta una fuente en un documento HTML; para ello, se apunta al origen de la fuente, que se encuentra en otro sitio:
<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 preceding style element. The rule embeds
an OpenType file for the Comic Sans font.
</p>
</body>
</html>
Información sobre estándares
Esta regla se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)).