Fuentes embebidas

"Fuentes embebidas"

Puede descargarse la fuente desde el servidor de nuestro sitio usando
"Hojas de Estilo en Cascada" (Cascading Style Sheets). ¡Lo
demostraremos ahora mismo!

Dentro de la etiqueta <head>, debemos poner un código de CSS como el de este ejemplo:

 

<style type="text/css">
@font-face {
font-family: "nombre";
src: url("http://www.misitio.com/nombre_archivo_fuente.ttf");
}
</style>

Donde "nombre" es obviamente el nombre de la fuente, y que nosotros
usaremos dentro de la etiqueta <body>, y
"http://www.misitio.com/nombre_archivo_fuente.ttf" es la ubicación de
la fuente sobre nuestro servidor.

Después podremos escribir texto normal usando esta fuente que escribe
código HTML dentro de la etiqueta <body>, simplemente como se
muestra más adelante:

<font color="#000000" size="1" face="nombre">Aquí va el texto que usa una fuente especial.</fonts>

Recordar que este método es únicamente apoyado por CSS2 y no
trabajará en navegadores más que utilicen CSS1. Sin embargo, en
navegadores antiguos no da errores a causa de la regla-arroba (símbolo:
@) ubicada adelante.