suavizado fuentes css/html

[ea00d009]

Hola gente, existe alguna forma que no sea reemplazando el texto por imágenes o flash, para tener texto suavizado? estuve probando con el "truquito" del text-shadow y no funciona, el font-smooth de css3 tampoco me funciono, también probé poner el tamaño en pt en lugar de px (leí por ahí que si estaba en pt se suavizaba con el antialiasing del sistema operativo) pero tampoco nada, lo mas gracioso es que en IE el suavizado sale perfecto, no así en los demás navegadores... adjunto una captura en todos los navegadores que uso para que vean como se ve en cada uno, y como en IE el suavizado es perfecto. Estoy en duda si es un problema de windows, o del código o de todos los navegadores menos IE
Saludos por adelantado.


click sobre la imagen para ver mas grande

[anewryzm]

Las has puesto con los prefijos?

-webkit-text-shadow
-moz-text-shadow

De esa manera te sale?

[ea00d009]

si si, osea, es que el text-shadow como sombra, si funciona, pero no suaviza los bordes del texto como se ven en IE

[anewryzm]

Has intentado ponerle el rgba?

Código CSS:

...
text-shadow: 0px 0px 10px rgba(0,0,0, [B]0.5[/B] )
...
 

En el "rgba" colocas (#rr, #gg, #bb, #AQUI)

En la cuarta. Juega con los porcentajes:

1 = 100%
0.5 = 50%
0.2 = 20%

Creo que si me entiendes.

Espero ayudarte. :)

Saludos
@Anewryzm

[undakel]

creo que tu problema no se va a resolver de esa forma, tienes algún enlace donde pueda examinarlo más detenidamente?

[furoya]

Creo que era con font-smooth, pero no debe funcionar en ningún navegador.
Muy ingenioso lo de usar la sombra (quizá a modo de blureado) como antialiasing. No lo probé, pero puede funcionar.

Para @font no había algo?

[ea00d009]

chicos gracias a todos por las respuestas, probé una y cada una de las sugerencias que me pasaron ustedes y los tips encontrados en internet, y no funciono ninguna, capaz les estoy errando yo, no se, pero el único browser que muestra el texto bien suavizado es IE, todos los demás, lo muestra con los bordes bien serruchados como se ve en la captura que les mostré.

furoya: efectivamente, el atributo en CSS3 para suavizar texto es font-smooth, pero hasta ahora no funciona en ningún browser parece, espero que en un futuro no muy lejano se estandarice y funcione en todos por igual, para @font-face no encontré nada relacionado con el suavizado o antialiasing de texto.

unkadel: el sitio en cuestión lo tengo en http://fmsensaciones.com/clinicadeojos/ (corre sobre Wordpress)

anewryzm: si si, probé poniéndole el text-shadow con rgba

saludos!

[pzin]

Uhmmm... Yo lo veo bien, sin serruchadas, ni en Safari, ni en Chrome, ni en Firefox.

Que raro. A ver si otra persona puede confirmarlo, tal caso seguramente pueda ser algo de tu SO. ¿Has probado en otros ordenadores?

[furoya]

Uy. No. Yo la veo cortada a hachazos.
Dame un momento que pongo el ClearType, a ver si mejora.

⌛

Mmmm. Algo cambió, pero me parece que ésa es una fuente difícil.
IExplorer usa su propio corrector, pero para el resto de las aplicaciones hay que habilitar el que tenga el SO. Te paso el dato para XP. No conozco en los otros.

http://support.microsoft.com/kb/294851

http://support.microsoft.com/kb/306527

Me quedé pensando en lo de blurearla con un poco de sombra. Lo voy a probar, porque creí que funcionaba.

[ea00d009]

Listo chicos, al parecer es algo en la pc donde hice las pruebas (tiene Windows 7), me confie creyendo que el suavizado funcionaba para todos igual (usando ClearType) como comenta furoya, pero no sabia que IE tiene su propio motor de suavizado de fuentes entonces pensaba que era algo del html o css y no del SO/browser, mañana voy a chequear en esa misma pc a ver si esta activado correctamente el ClearType, ahora estoy chequeando en mi laptop (tiene Windows 8) y se ve bien en todos los browsers, de todas formas, deberían estandarizar de una vez por todas el font-smooth en CSS3 así nos aseguramos que se vea bien en cualquier PC sin importar el SO que utilicen.

Saludos y gracias a todos!