IE8 - Comportement étrange anti-alias de polices (w/prints. Exemple)

Comme tout développeur Web, je suis fatigué d'Internet Explorer ... Je travaille sur un nouveau site Web et utilise font-face (le problème ne peuvent pas être liés, mais juste au cas où ...):IE8 - Comportement étrange anti-alias de polices (w/prints. Exemple)

@font-face { 
    font-family: 'ArabicTypesettingRegular'; 
    src: url('arabtype-webfont.eot'); 
    src: local('☺'), url('../../../partilhado/fontes/arabtype-webfont.woff') format('woff'), url('../../../partilhado/fontes/arabtype-webfont.ttf') format('truetype'), url('../../../partilhado/fontes/arabtype-webfont.svg#webfontz5xQb9Ii') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Le problème que je suis face est liée avec w/anti-alias/lissage des polices ... Il fonctionne très bien dans tous les navigateurs, mais IE8 (Je m'en fous des versions plus anciennes) ... Pour compliquer un peu plus, ça marche sur certains titres, mais dans d'autres ça échoue .. Je peux m'assurer que les éléments partagent les mêmes classes, comme vous pouvez le voir dans mon exemple HIGHER RESOLUTION IMAGE HERE ..

alt text

classe Css:

.title{ 
font-family:"Arabic Typesetting"; 
font-size:24px; 
margin-top:10px; 
}

j'ai essayé de changer de 'px' à 'pt', mais il n'a pas résolu mon problème ...

[EDIT] éleminez font-face et avec Arial le problème reste le même ... [/ EDIT]

Avez-vous des idées? Ou quelques commentaires au sujet de cette question ...

Merci à l'avance,

Pedro

Source

2010-10-06 Pedro Gil

En relation: http://stackoverflow.com/questions/761778/forcing-anti-aliasing-using-css-is-this-a-myth –

J'ai lu cela avant de poster ma question ... Ça n'aide pas moi parce qu'il a dit que "IE6 ne supporte pas le lissage de police/anti-aliasing". Je sais que, mon problème est lié uniquement avec IE8. Merci quand même –

Je suppose que vous utilisez un filtre alpha opacité css sur l'arrière-plan du premier titre.
Il annule l'anti-aliasing.
Vous trouverez un correctif (ajouter et supprimer une couleur de fond) here.

Source

2010-10-06 12:57:52 Knu

J'utilisais une image PNG24 1x1 pour ce fond. J'ai résolu mon problème .. Il était en fait lié à cette image. Je l'ai changé pour une couleur de fond solide et la police n'est plus aiguiser. Cependant, l'étrange pour moi est l'autre texte (sur le côté droit) est également sur un PNG24 avec la transparence (il pourrait ne pas être visible dans cette image) et IE lisse .. Étrange, n'est-ce pas? Merci pour votre aide! –

IE8 - Comportement étrange anti-alias de polices (w/prints. Exemple)

Répondre

Questions connexes