Del curso: Maquetación y tipografía para web

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.900 cursos impartidos por expertos del sector.

La regla CSS @font-face

La regla CSS @font-face

Vamos a ver la regla CSS @font-face. Usando esta regla –como digo, @font-face– tú puedes alojar en tu servidor cualquier fuente tipográfica y que el usuario se la descargue, al igual que se descarga cuando entra en tu página, las imágenes, aunque él la vea en el navegador, lo que está haciendo realmente es descargar esa imagen a su máquina en un temporal que luego probablemente se eliminará automáticamente para poder visualizar esa imagen. Pues lo mismo, gracias a esta regla @font-face, se puede hacer con una fuente, lo cual fue un gran avance para la tipografía web. Hay que declararla, como digo, en CSS. Gracias a ella, los diseñadores web ya no tenemos que utilizar las "web safe fonts" o las 'fuentes web seguras', sino que podemos acceder a cualquier catálogo de fuentes tipográficas, con lo que nuestros diseños se ven claramente enriquecidos. En esta nueva regla @font-face, primero defines un nombre para la fuente, por ejemplo aquí he puesto "miFuente", y luego le indicamos dónde…

Contenido