Suponía que se trataba de una cuestión de diseño gráfico.
Y es a esto a lo que me refería con la diferencia entre navegadores.
Es un problema derivado de los motores de renderización de sistemas operativos y navegadores, ante el que nada se puede hacer con css.
La solución es la apuntada en mi primer mensaje, y desarrollado por Naahuel. Es decir, rasterizar la fuente con Photoshop para utilizarla como imagen de fondo del texto en código en un formato que combine la máxima calidad con el mínimo volumen posible.
No obstante, yo reduciría el código propuesto por Naahuel, sustituyendo
text-indent:-3333px; /*ocultar el texto*/
por
text-indent:-9999px; /*ocultar el texto*/
Y obviando lo siguiente:
/* instrucciones extras para asegurarnos que el texto no se vea*/
font-size:0px;
line-height:0px;
}
Si tenemos en cuenta que 9999 píxeles equivalen a 352,74 centímetros, necesitaríamos una pantalla de tres metros y medio de ancho para delatar la presencia de este texto oculto.
El doble si se trata de una web centrada. Lo cual no es realista.
En cualquier caso, si queréis ver vuestras páginas web en una pantalla gigante y ver el efecto, podéis recurrir a la solución aportada por Simures (
http://www.simures.com/) en cuanto a simulación de resolución, estableciendo un formato de, por ejemplo, 20000 píxeles de ancho para daros cuenta de cómo tendría que ser la ventana para mostrar el texto oculto.