Supongo que habéis notado que en la mayoría de los navegadores el suavizado de texto no se percibe tal y como lo hace el Internet Explorer 7 e Internet Explorer 8. Pero si véis el texto siguiente bajo el sistema operativo MAC notaréis que el suavizado de texto o smooth text se visualiza en Firefox de forma sorprendente, y como comprobaremos “no es una imagen”:
Círculo de Maquetadores: Comunidad de Maquetadores Web
A que cada muy bonito ¿eh?. Bueno esto se consigue haciendo referencia exacta del PostScript del tipo de fuente que querramos usar, en este caso es la Helvetica (HelveticaNeue Light). Con esta regla en los navegadores como Firefox y Safari se reconocera dicha fuente, y otros navegadores basados en Gecko como Camino. También se debe aplicar el grosor de la fuente para conseguir el smooth. Así que la siguiente declaración en la hoja de estilos te dará este magnifíco resultado:
font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue',
Calibri, Verdana, sans-serif;
font-weight:300;
En resumen, si desea utilizar un font face, tiene que usar font-family la propiedad font-weight, llamando al PostScript y a los nombres de las fuentes compatibles que siempre hemos usado. Ahora ya podemos hacer nuestras Webs con unas fuentes atractivas. Supongo qeu esto generará muchas opiniones. Pero realmente uno no se esperaba que se pudiera conseguir el suavizado de texto mediante CSS, y conseguir que la maqueta Web sea algo más parecida al diseño original.
Una lástima que sólo funcione en Mac.
En PC con la Calibri (sans-serif) y la Cambria (serif) que instala Windows Vista o MS Office 2007 en xp, se ven bastante bien en los títulos (tamaños medianos y grandes).
Otra cosa es que te guste o no esta tipografía…
@font-face de CSS3 ya!
Genial amigo, muchas gracias, esto era lo que andaba buscando.