denegro.com | alberto romero

De tipografías web

June 20th, 2006

Håkon Wium Lie, CTO de Opera, acaba de publicar un artículo sobre lo que él llama “el monopolio olvidado de Microsoft“: las tipografías web.

Es interesante y llama a la reflexión, porque se trata de un tema sobre el que existe un estancamiento y conformismo inédito en la red: la situación ha cambiado poco desde 1996.

Pero es que desde 2002, cuando Microsoft cerró el programa “Core fonts for the Web“, no ha cambiado nada. Diseñadores usuarios de Windows, Mac y Linux se limitan a utilizar el puñado de tipografías disponibles sin rechistar.

Las excepciones pasan, de momento, por técnicas de reemplazo de textos, como el sIFR que uso para los titulares de este blog. Pero, como bien explica Kemie Guaida en su artículo de diseñorama, todas tienen sus inconvenientes, y yo no las recomiendo para sitios o aplicaciones web complejas (RIAs).

El caso es que leyendo el susodicho artículo me ha sorprendido esta parte de la especificación CSS que había pasado por alto:

In order to use Web fonts, browsers must be modified to start looking for TrueType files outside of the local machine. CSS2 style sheets can already refer to Web fonts, so there’s no need for a new standard.

Efectivamente, este trocito de código puede cambiar la forma en que la web llega a nuestros ojos:

<STYLE TYPE="text/css" MEDIA="screen, print">
@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")
}
H1 { font-family: "Robson Celtic", serif }
</STYLE>

Con la extensión de las conexiones de banda ancha y los ordenadores potentes, descargar e instalar fuentes de 100 ó 200 Kb no parece descabellado, y supondría un cambio radical.

Beneficios para todos menos, quizás, el monopolista. El modo de trabajar de Microsoft no da grandes esperanzas sobre un soporte de fuentes remotas a corto plazo (su próximo navegador, anticuado antes de nacer, no da soporte a CSS2, estándar desde 1998). Pero a lo mejor si los usuarios de Opera, Safari y Firefox pudiésemos empezar a disfrutar de Una Nueva Web, el gigante se pondría las pilas.

3 comentarios

  1. [...] Grandes momentos. Siempre es interesante una introducción a lo ajeno (internacionalización con Richard Ishida o web móvil con Daniel K. Appelquist o extraer perlas del pan nuestro de cada día: Chris Wilson (IE7) contando que el nuevo equipo tardó como una semana en arreglar el soporte del canal alfa en los PNGs para la próxima versión (en tu establecimiento habitual este mes) e intentando que creamos que Microsoft piensa en los derechos de autor e intereses de terceras empresas al contestar si iban siquiera a estudiar introducir por fin la carga de tipografías vía css. O Andy Clarke atrapado en su propio buenrollismo cuando, durante el taller del jueves, Jordi, un asistente, le pedía que compartiese unos archivos con layouts avanzados que va a usar para su próximo libro. Ni con embutidos de la tierra le convencieron. [...]

    October 9th, 2006 - 6:32 pm por denegro.com » Blog Archive » Todavía retumbando en mi cabeza
  2. [...] La noticia es de hace tiempo, pero yo me acabo de enterar. En la próxima versión de Safari (3.1) se van a ver fuentes que no tengas instaladas, algo que venimos esperando desde hace mucho tiempo. Aquí contaba cómo usar tipografías que estén por ahí, y este otro artículo se extiende más sobre el tema e incluye algunos ejemplos. Los puedes ver con la última versión de Webkit (el motor de Safari, que ya incluye la capacidad de la que hablo) y flipar como yo. [...]

    February 20th, 2008 - 5:35 pm por denegro.com » Todas las fuentes en Safari
  3. A ver me estas diciendo que menos explorer si utilizo este CSS:

    @font-face {
    font-family: “Robson Celtic”;
    src: url(”http://site/fonts/rob-celt”)
    }
    H1 { font-family: “Robson Celtic”, serif }

    puedo poner la tipografia que me de la gana??????

    February 20th, 2008 - 7:49 pm por Ivan

no te cortes

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>