css - IE8: ¿Deshabilitar cleartype?
internet-explorer-8 (8)
Para IE7, es posible agregar
filter: none;
al cuerpo css para desactivar cleartype en las fuentes a través de CSS. No me gusta la apariencia difusa que ofrece, y no es consistente en todos los navegadores. ES DECIR; Firefox e IE6 lo muestran de manera diferente.
IE8 sin embargo, parece ignorar la opción css, incluso cuando se fuerza al navegador al modo de compatibilidad IE7 usando:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
TL; DR: ¿Cómo desactivo las fuentes de tipo transparente en IE8 a través de CSS?
Por lo que recuerdo, Internet Explorer 7+ desactiva ClearType cuando se establece un filtro en un elemento
#target {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
Además, considere que muchos usuarios pueden considerar que inhabilitar ClearType es molesto. ¡Utilizar con moderación!
Cleartype a veces se ve estúpido en soluciones basadas en JavaScript / AJAX, pero este tema responde a la pregunta de por qué algunas animaciones basadas en jQuery parecen estar rotas en IE ... así que responde que cuando JavaScript hace efecto de desvanecimiento con opacidad (opacidad a 0 de 100 en 1) segunda duración), luego las fuentes cleartype se eliminan del elemento que se desvanece y la animación se ve sangrienta.
Juliano, body {filter: none} es una solución mejor y más limpia. Usar opacidad causa problemas en algunas situaciones.
Para responder a todos los entusiastas de ClearType, también me gusta ClearType. Creo que es un gran avance para los monitores LCD. El problema es que cuando IE intenta usar ClearType en algunos elementos específicos, se ve peor que si tuviera ClearType deshabilitado. Estos incluyen elementos que se desvanecen a la vista (usando javascript), así como fuentes de @ font-face importadas. Si te gusta ClearType, entonces odiarás lo que hace IE cuando intenta usar ClearType en estas situaciones ... tu texto parece grueso, gordo y feo.
En estos casos, ClearType se debe eliminar si es posible para lograr las fuentes suaves que ustedes quieren.
por algún motivo, los elementos posicionados (cualquier cosa dentro de {position: relative}) - no se anima con una opacidad menor a 1.
Puede tener un filtro MS CSS en un elemento y aún habilitar ClearType en la fuente dentro. Simplemente agregue un elemento secundario y establezca su "posición" css en "relativa" y ClearType no se deshabilite. Copia lo siguiente y pruébalo.
<style>
#parent{
background-color:white;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
position:relative;
border:solid 1px black;
padding:10px;
width:500px;
}
#child{
position:relative; /*THIS SOLVED THE CLEARTYPE DISABLING PROBLEM IN BOTH IE7 & IE8*/ :)
}
</style>
<div id="parent">
<div id="child">This text should always be smooth</div>
</div>
No hay una solución CSS para desactivar cleartype. La razón por la que podría hacerlo en IE7 era un producto secundario de cómo el navegador representaba texto en elementos que usaban filtros. Aparentemente, IE8 maneja esto mejor para que no puedas usar ese hack más (al menos no sin aplicar realmente algún filtro).
El uso de cleartype es una elección del usuario, y no algo que debe imponer a los visitantes. Personalmente, me gusta mucho el tipo de letra, y si visitaba un sitio donde estaba desactivado, creo que el sitio se veía realmente horrible.
El hecho de que el texto se represente de manera diferente en diferentes navegadores y diferentes sistemas operativos es algo con lo que tienes que vivir. Si desea que se vea exactamente igual para todos, debe convertirlo en una imagen.
No puedes. ClearType es una configuración de usuario en el navegador. Cualquier CSS que lo deshabilite para ciertos elementos probablemente sea un error, no una función (me he dado cuenta de que se desactiva para algunos elementos animados o generados dinámicamente) y no se debe confiar en ellos.
Cualquiera que sea su preferencia en este sentido, probablemente no sea el usuario que vea su sitio. ¿Entonces, para qué molestarse? Quien no le gusta ClearType probablemente ya lo tiene desactivado.
Nota: La razón por la que funciona con filtros es que el navegador no representa los filtros, sino otra cosa (DirectX probablemente, considerando el "DX" allí. Todavía consideraría que es un efecto secundario, y no una función).
Nota 2: solucionado a partir de IE 9, como se esperaba. Esta es realmente una batalla que solo puedes perder, como muchos te han dicho antes, excepto que no escucharías.
Hay mucha gente que no escucha aquí. @ Daniel Sloof dijo todo el tiempo que estaba preguntando cómo, no si era o no una buena idea. IE es una mala idea punto final, pero el hecho es que muchas personas todavía usan versiones anteriores de él y de esas personas me atrevería a suponer que el 90% ni siquiera saben lo que Clear Type es - seguro que no lo hice hasta que comencé a depurar sitios. Ciertamente no son conscientes de cuán basura es su navegador. Si quieres diseñar páginas que funcionen sin problemas y que se vean tan perfectas en IE como lo hacen en el juego web, tienes que abrazar el hack de vez en cuando, seguro que no es bonito, pero así es la vida. La mayoría de las personas estarán más influenciadas por un sitio bonito que por un código bonito.
@capnhairdo se emociona cuando dice también sobre @ font-face. ¿Alguno de ustedes realmente ha probado estas fuentes con Clear Type habilitado en IE7 y 8? Si lo hicieras, te darías cuenta de que muchos se renderizan horriblemente, como lo que obtendrías normalmente con CT inhabilitado; en primer lugar, derrota al objeto al seleccionar una buena fuente y para muchos, los gustos de Cufon y Sifr no son soluciones viables. . Para algunos de nosotros está bien que las cosas se vean mediocres. Para mí no es así, mi sitio web vende mi imagen.
Cuando consideras que incluso Apple está forzando la emulación IE7 para IE8 en su sitio, debe enfatizar que la mayoría de las personas no se ven afectadas por desviaciones menores de la "práctica recomendada", sino que notan mucho más un sitio que ofrece una estética estúpida y apenas legible. ¡Eso no está haciendo ningún favor a nadie y es un problema que puede ocurrir con CT encendido! Me esfuerzo por lograr la mayor coherencia posible y no puedo dar a conocer las opciones que un usuario de IE debería y no debería tener en esa situación. Microsoft se asombró al hacer navegadores que intentaban desviarse de los estándares, que ellos mismos habían liberado hacks y correcciones, así que tenemos que trabajar con eso. Si eso significa tomar ventaja de un error para solucionar un problema, entonces, siempre que no afecte en gran medida el rendimiento, el ancho de banda o la facilidad de uso ¡simplemente hágalo! La vida es demasiado corta para andar de un lado para otro citando el cumplimiento estándar, respeto el código limpio y la metodología estricta a un ideal, pero vamos, muchachos han dicho que la perfección no existe. Un buen diseño y construcción provienen de una perspectiva equilibrada. Aquí termina la diatriba :-P