Usar fuentes personalizadas en nuestras páginas web

Un problema habitual en el diseño de sitios web es la limitación que nos encontramos a la hora de poder usar diferentes fuentes tipográficas. A veces queremos usar tal o cual fuente, pero no podemos (o no debemos), porque muy probablemente no esté instalada localmente en los ordenadores de nuestros visitantes, lo que supondría un problema.

Una solución muy interesante es typeface.js , una librería JavaScript que viene a ofrecernos una forma muy sencilla de poder usar la fuente que nosotros queramos en cada momento sin necesidad de que el visitante la tenga que tener instalada en su equipo local.

Su uso es muy sencillo, como muestra este ejemplo de implementación:

<script src="typeface-0.14.js"></script>
<script src="helvetiker_regular.typeface.js"></script>

<div style="font-family: Helvetiker">
 Texto en Helvetiker...
</div>

Además, typeface.js es open source y es soportada por la mayoría de navegadores web (Firefox 1.5+, Safari 2+, e Internet Explorer 6+).