Cargar fuentes de texto desde el servidor con @font-face

Publicado el en la categoría Diseño y Programación, Internet

En la creación de páginas web mediante el uso de HTML y CSS, los diseñadores, a la hora elegir las fuentes de texto, estaban limitados a un número muy reducido para que las páginas fueran correctamente visualizadas en los navegadores de los visitantes.

Con la llegada de CCS3, esto cambió. Gracias a la regla @font-face, podemos utilizar la fuente de texto que queramos. Solamente deberemos subirla al servidor y definir las rutas en la hoja de estilos.

Para agregar la fuente en la hoja de estilos escribiremos:

@font-face {
font-family: nombre de la fuente;
src: ruta en el servidor;
}

Después en el fichero HTML cuando utilicemos esa fuente tan solo tendremos que llamarla con font-family, poniendo el mismo nombre que le dimos en la hoja de estilos:

<p style="font-family:nombre de la fuente">texto que queramos</p>
Facebooktwittergoogle_plus