IE8: Désactiver cleartype?

Question

Pour IE7, il est possible d'ajouter

filter: none;

dans le corps css pour désactiver cleartype sur les polices via CSS. Je n'aime pas l'aspect flou que cela donne, et ce n'est pas vraiment uniforme entre les navigateurs. C'EST À DIRE; Firefox et IE6 le montrent différemment.

Cependant, IE8 semble ignorer l'option css, même lorsque le navigateur est forcé en mode de compatibilité IE7 à l'aide de:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

TL; DR: Comment désactiver les polices en clair dans IE8 via CSS?

Answer 1

D'après mes souvenirs, Internet Explorer 7+ désactive ClearType lorsqu'un filtre est défini sur un élément

#target {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

_{En outre, considérez que de nombreux utilisateurs peuvent trouver ennuyeux de désactiver ClearType. Utilisez avec parcimonie!}

Answer 2

Vous ne pouvez pas. ClearType est un paramètre utilisateur sur le navigateur. Toute CSS qui la désactiverait pour certains éléments est très probablement un bogue, pas une fonctionnalité (je l’ai remarqué, elle est désactivée pour certains éléments générés dynamiquement ou animés) et ne doit pas être utilisée.

Quelle que soit votre préférence à cet égard, ce n'est probablement pas l'utilisateur qui voit votre site. Alors pourquoi s'embêter? Ceux qui n'aiment pas ClearType l'ont probablement déjà désactivé.

Remarque: La raison pour laquelle cela fonctionne avec les filtres est que les filtres ne sont pas restitués par le navigateur, mais autre chose (DirectX probablement, compte tenu du "DX" qui y figure. Je considérerais quand même que un effet secondaire et non une fonctionnalité).

Note 2: Corrigé à partir de IE 9, comme prévu. C’est vraiment une bataille que vous ne pouvez que perdre, comme beaucoup vous l’ont dit auparavant, sauf que vous ne vouliez pas écouter.

Answer 3

Juliano, body {filter: none} est une solution plus efficace et plus propre. L'utilisation de l'opacité pose des problèmes dans certaines situations.

Pour répondre à tous les passionnés de ClearType, j'aime aussi ClearType. Je pense que c'est un grand progrès pour les moniteurs LCD. Le problème est que, lorsque IE essaie d’utiliser ClearType sur certains éléments, cela semble

pire que si ClearType était désactivé. Ceux-ci incluent des éléments qui apparaissent en fondu (avec javascript) ainsi que des polices @ font-face importées. Si vous aimez ClearType, vous allez détester ce que fait IE quand il essaie d'utiliser ClearType dans ces situations ... votre texte est trapu, gras et laid.

Dans ces cas, ClearType doit être supprimé si possible pour obtenir les polices lisses que vous souhaitez.

Answer 4

Il n'y a pas de solution CSS pour désactiver cleartype. La raison pour laquelle vous pouviez le faire dans IE7 était un biproduit de la façon dont le navigateur rendait le texte dans les éléments qui utilisaient des filtres. Apparemment, IE8 gère cela mieux afin que vous ne puissiez plus utiliser ce hack (du moins pas sans appliquer un filtre).

L'utilisation de cleartype est un choix de l'utilisateur, et non une chose que vous devriez imposer aux visiteurs. Personnellement, j’aime beaucoup le cleartype, et si j’assistais à un site où il était désactivé, je penserais que le site a vraiment l’air de merde.

Vous devez vivre avec le rendu du texte différemment selon les navigateurs et les systèmes d’exploitation. Si vous voulez que tout le monde soit identique, vous devez en faire une image.

Answer 5

Je pense que beaucoup de gens n'écoutent pas ici. @Daniel Sloof a toujours dit qu'il demandait comment, pas si c'était une bonne idée ou non. IE est une mauvaise idée, mais le fait est que beaucoup de gens utilisent encore des versions plus anciennes et je dirais même que 90% d'entre eux ne savent même pas ce qu'est Clear Type, même si je ne le savais pas. jusqu'à ce que j'ai commencé à déboguer des sites. Ils ne savent certainement pas à quel point leur navigateur est une ordure. Si vous souhaitez concevoir des pages au fonctionnement fluide qui paraissent aussi fluides dans IE que dans Webkit, vous devez adopter de temps à autre un hack étrange, bien sûr que ce n'est pas beau mais c'est la vie. La plupart des gens seront plus influencés par un joli site que par un joli code.

@capnhairdo est au courant quand il dit aussi à propos de @ font-face - avez-vous déjà testé ces polices avec Clear Type activé dans IE7 et 8? Si vous aviez conscience que beaucoup d’entre eux sont rendus de manière horrible - comme ce que vous obtiendrez normalement avec un CT désactivé - tord l’objet en sélectionnant une belle police en premier lieu. Pour beaucoup, Cufon et Sifr ne sont pas des solutions viables. . Pour certains d'entre nous, les choses semblent médiocres. Pour moi, ce n'est pas mon site qui vend mon image.

Lorsque vous considérez que même Apple force l’émulation IE7 pour IE8 sur son site, il convient de souligner que la plupart des utilisateurs ne sont pas vraiment affectés par des dérogations mineures par rapport aux "pratiques recommandées". et est à peine lisible. Cela ne fait aucun bien à personne et c'est un problème qui peut survenir avec CT! Je m'efforce d'obtenir le plus de cohérence possible et je ne peux pas vous dire quels choix un utilisateur d'IE devrait et ne devrait pas avoir dans cette situation. Microsoft a créé des navigateurs qui ont essayé de s’écarter des standards, pour lesquels ils ont eux-mêmes publié des hacks et des correctifs; nous devons donc travailler avec. Si cela signifie tirer parti d'un bogue pour résoudre un problème, cela ne doit pas avoir d'impact majeur sur les performances, la bande passante ou la convivialité, faites-le! La vie est trop courte pour que l'on se contente de citer la conformité standard, je respecte un code soigné et une méthodologie stricte pour un idéal, mais allez, vous avez aussi bien dit que la perfection n'existait pas. Un bon design et une bonne construction viennent d’une perspective équilibrée. Ici se termine le coup de gueule :-P

Answer 6

Cleartype a parfois l’air stupide dans les solutions basées sur JavaScript / AJAX, mais ce sujet répond à la question suivante: pourquoi certaines animations basées sur jQuery semblent-elles être cassées dans IE? Durée 100 en 1 seconde), les polices cleartype sont supprimées de l’élément qui disparaît et l’animation a vraiment l’air mauvais.

Answer 7

pour une raison quelconque, les éléments positionnés (tout élément à l'intérieur de {position: relative}) - n'est pas animé avec une opacité inférieure à 1.

Answer 8

Vous pouvez avoir un filtre MS CSS sur un élément et toujours activer ClearType sur la police à l'intérieur. Ajoutez simplement un élément enfant et définissez sa " position " css vers " relatif " et ClearType n'est pas désactivé. Copiez le texte suivant et essayez-le.

<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>