chrome - font smoothing css
¿CSS es compatible con el suavizado de texto como "nítido, nítido, etc." todavía? (5)
Esto es lo que encontré en el sitio web de una gran empresa:
body, table, form {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background-color: transparent;
color: #333;
-webkit-font-smoothing: antialiased;}
Tengo un texto en Photoshop y está configurado como "nítido". Cuando lo puse en mi sitio no se ve exactamente igual.
¿Existe algo en CSS que pueda usar para hacerlo más nítido? ¿O no?
¿O tienes alguna sugerencia para lograr un efecto similar?
Lo que realmente estás preguntando es:
"¿Es posible controlar el suavizado desde la perspectiva del desarrollo web?"
La respuesta, por ahora, y por lo menos por algún tiempo en el futuro (hasta que los proveedores de sistemas operativos / navegadores empiecen a dar ese tipo de control de desarrollo [no contenga la respiración]) es innegable: NO.
No solo no es posible, sino que diferentes navegadores en el mercado imponen diferentes configuraciones de suavizado, lo que significa que no puede obtener resultados consistentes, incluso si no son lo que desea.
Para un buen artículo sobre cómo los distintos navegadores manejan la representación de fuentes, sugiero leer esto: http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/
Prueba este fragmento de código
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}