font-face. Agregar fuentes descargables con CSS

Aunque no todos los navegadores lo soportan, bueno es saber que en CSS2 contamos con la regla @font-face, regla que nos permite usar fuentes tipográficas externas descargables en el cliente. Esta regla es ignorada en CSS1.

El modo de uso de esta regla es bien sencillo, como ejemplo vamos a declarar que nuestros titulares <h1> tengan una determinada tipografía que localizaremos mediante una URL:


@font-face {
font-family: "Robson Celtic";
src: url("http://websenior/fonts/rob-celt")
}
h1 { font-family: "Robson Celtic", serif }

En este caso nominamos la fuente externa como “Robson Celtic” usando font-family. Con este nombre la podremos usar en el resto de estilos de nuestro documento CSS2. Indicamos l aURL donde estará alojada nuestra fuente con src. Preparamos el tag <h1> para que use esta fuente, si no es posible se usará serif.

Ver @font-face en W3C

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: