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>
