[Résolu] Safari + font-face + transition = bug !

Bonjour à tous,
J'ai un léger soucis et après quelques heures de recherches, je ne trouve pas mon bonheur.
Je ne copie/colle pas de code ici car ce n'est pas un problème de code !

Je monte actuellement un site internet en HTML5 + CSS3 (là n'est pas le problème, car j'ai le même bug en HTML4) et je suis confronté à un problème esthétique !

Pour tout mon site, j'utilise une typo embarquée (font-face). Pour que quelques boutons soient jolis, j'utilise des transitions CSS3 (transform: translateY...). Tout fonctionne correctement.

Sur safari, lors des transitions, la typo change d'aspect (effet similaire à une désactivation de l'anti-aliasing), puis redevient "normale" à la fin de la transition.

Je voudrais savoir s'il existe un petit "bidouillage" afin d'éviter ce léger bug.

D'avance merci et bravo à alsacreation, ma bible html.
feiL

Hello,

A tester :

-webkit-font-smoothing: antialiased;

Sans assurance

6l20, love u, ça marche.

Un GRAND merci à toi. Bonne journée



Pour les internautes qui sont confrontés à ce soucis, j'ai inclus "-webkit-font-smoothing: antialiased;" dans la balise body comme ça c'est réglé.
Modifié par feil (25 Feb 2013 - 14:21)

feil a écrit :

Pour les internautes qui sont confrontés à ce soucis, j'ai inclus "-webkit-font-smoothing: antialiased;" dans la balise body comme ça c'est réglé.

Pas sûr que ce soit un bon choix de l'appliquer à l'ensemble du document
http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/

Je l'ai appliqué à tout le doc car cela fait beuguer toute la page (dès que la typo est sur fond "foncé). Je vais me plonger dans ton lien. Je te remercie.