sIFR

Bajo tan extraño nombre se esconde una técnica para incorporar fuentes específicas a una página web. Para los que no estén muy situados en la materia, una web, salvo que esté hecha en Flash, muestra fuentes que estén instaladas en el ordenador de aquel que la visita. El diseñador puede especificar una lista de fuentes y el navegador del cliente irá probando, una por una, hasta que encuentre una que esté instalada en su equipo. En caso de que ninguna coincida usará una fuente por defecto del sistema. Esto nos deja las manos atadas en cuanto al aspecto que presentará nuestra web dependiendo de quién la esté visitando, pero todo en esta vida, o casi, tiene solución.
Vaya por delante que en todos los textos más allá de los títulos o cabeceras de sección, tendremos que seguir asumiendo trabajar con las fuentes del sistema pero, al menos para esos elementos que dan personalidad a la página, no carecemos de recursos.
Un "truco" clásico y que se usa prácticamente desde que los navegadores comenzaron a mostrar algo más que texto (en el pleistoceno, más o menos), es sustituir textos por imágenes. Esto, obviamente, aumenta el peso de la web, el tiempo de descarga y convierte el mantenimiento en una pequeña pesadilla si tus encabezados cambian frecuentemente. Con todos estos inconvenientes, y dejando aparte cuestiones de accesibilidad, os imaginaréis que la sustitución de textos por imágenes se viene usando, como comentaba antes, en encabezados, elementos fijos y poco más.
Uno de los problemas de esta técnica, el hecho de que el texto real no aparece en el HTML (imaginad que alguien desactiva las imágenes o usa un lector de pantalla, nuestro títulos no existen para esa persona), se solventó cuando el CSS nos permitió mantener nuestro texto en HTML y, al mismo tiempo, esconderlo a la vista y sustituirlo por una imagen (encontraréis una pequeña explicación de una de estas técnicas aquí). Pero se mantienen los problemas de mantenimiento además del trabajo extra que es ir creando una imagen y situándola en la web para cada texto que queramos que use una fuente en particular.
sIFR (os dejo la página oficial y un ejemplo de su uso por uno de sus desarrolladores) es una alternativa basada en Flash, JavaScript y CSS que se sirve de un único archivo swf de Flash en el que se incrusta la fuente que escojamos. A través de JavaScript, este sistema consigue sustituir aquellos textos que indiquemos (todos los h2 o todos los h3 con clase "titular", etc, etc...) por ese mismo texto con la fuente que hayamos incrustado en el swf. El texto en HTML sigue ahí y nuestro JavaScript se encarga de encontrar los textos y hacer la sustitución de forma automática. Seguimos aumentando el peso de nuestra página pero de forma controlada y los problemas de usabilidad y mantenimiento desaparecen (por ejemplo, si queremos cambiar de fuente nos es suficiente con cambiar una única vez nuestro archivo swf).
En principio puede parecer que instalar este sistema en nuestras webs es algo complejo pero el otro día tuve la fortuna de tropezarme con una página que explica, paso a paso, el proceso. La encontraréis en designintellection.com y realiza un seguimiento paso a paso de la instalación, desde de dónde hay que bajarse los archivos, dónde incluir nuestras llamadas a los JS y CSS en el HTML y qué cambios hay que hacer en los archivos para usarlo (ya veréis que realmente sólo hay que manipular un archivo de JavaScript de forma mínima). Baste decir que yo conseguí hacerlo funcionar anoche en veinte minutos así que complejo, lo que se dice complejo, no es.