Mon application contient un UIWebView. Lorsque l'application tourne du portrait au paysage ou à l'arrière, le poids de la police apparaît légèrement changer. Le texte audacieux et le texte ordinaire deviennent légèrement plus audacieux dans le paysage et légèrement plus mince de portrait.
Cela ne semble pas être le cas dans Safari, uniquement dans mon application. Voici un exemple d'image, pris comme une capture d'écran sur l'iPad. J'ai tourné et recadré un exemple de section. P>
texte alt http: //dl.swankdb. com / font-change-exemple.png p>
J'ai le CSS suivant configuré, mais il semble empêcher la variation de la taille drastique de la police, pas le changement de poids subtil que j'obtilise: P>
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
3 Réponses :
Bien après avoir passé une durée ridicule à essayer de comprendre cela, j'ai trouvé une solution: p>
Utilisez ceci: p>
html { p>
-WebKit-Font-lissage: aucun; p>
} p>
J'ai vu cela dans Safari même avec une application Web, je mets ensemble. Après une journée ou une fois de gratter la tête et déconstruisant le CSS utilisé par le Guide de l'utilisateur iPad, j'ai trouvé que
-webkit-transform: translate3d(0,0,0);
Merci beaucoup, cela améliore énormément de rendu sur les polices de picto / icône.
La raison en est qu'un seul mode peut utiliser les sous-pixels à l'écran, car ils sont disposés dans une certaine direction. L'autre mode affichera la police avec anti-aliasing Greyscaled et apparaissent légèrement différent. P>
Votre propre extrait a résolu les problèmes de police pour moi!