Hola:
Para la fuente, hay dos formas de hacerlo: a través de CSS3 o a través sIFR. Ambos tienen ventajas y desventajas:
sIFR: básicamente, sobrepone un texto flash sobre el contenido html con la fuente que quieras (personalmente nunca lo he utilizado). La mayor
ventaja es que funcionará en cualquier navegador mayormente utilizado (sin importar la versión).
Deventaja: que al ser un objeto flash, este es más pesado que simple html, por lo que si tienes una conexión de internet deficiente, esto hará que el sitio se cargue más lento.
CSS: a través de CSS se pueden utilizar fuentes sin importar si los usuarios las tienen instaladas (era posible antes de CSS3, pero solo hasta CSS3 todos los navegadores lo implementaron). La
Ventaja es que no consume recursos adicionales, puesto que es simple html.
Desventaja: solamente funciona en los navegadores actualizados (que soporten las reglas CSS3), por lo que los usuarios de Internet explorer 8 o inferior, mozilla firefox 3.5 e inferior (por ejemplo) quedarían sin poder ver las fuente (en cuyo caso tendrías que utilizar otras fuente aparte de la css3).
Yo te dejo este enlace para que veas
cómo utilizar sIFR. Ahora te voy a enseñar cómo utilizar los estilos CSS3:
1.- En un archivo .css (en realidad, donde hayas definido el estilo) debes escribir:
@font-face {
font-family: miFuente; /* Este debe ser el nombre por el cual identificaras la fuente, como arial, verdana, etc.; se puede llamar como sea */
src: url("ruta_hacia_font"); /* Yo dejo las fuentes en una carpeta fuentes dentro de mi Hosting en lugar de utilizar una URL externa */
/* Puedes añadir más propiedades css de fuentes como
font-weight: bold; */
}
Luego la puedes utilizar así:
p {font-family: miFuente;} /* Ahora todos los párrafos tendrán la fuente definida anteriormente. */
Saludos.
