2010-07-10 11 views
7

Meine App enthält ein UIWebView. Wenn sich die App von Hochformat zu Querformat oder zurück dreht, ändert sich das Schriftgewicht leicht. Sowohl fett gedruckter Text als auch normaler Text werden in der Landschaft etwas kräftiger und im Hochformat etwas dünner.Die Schriftart UIWebView ist im Hochformat dünner als die Landschaft

Dies scheint in Safari nicht der Fall zu sein, nur in meiner App. Hier ist ein Beispielbild, aufgenommen als Screenshot auf dem iPad. Ich habe einen Beispielabschnitt gedreht und beschnitten.

alt text http://dl.swankdb.com/font-change-example.png

Ich habe die folgende CSS konfiguriert, aber es scheint, die drastische Schriftgröße ändern zu verhindern, nicht die subtile Gewichtsänderung, die ich beobachte:

html { 
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ 
} 

Kann das jemand erklären? Der Simulator macht es nicht - aber mein iPad, iPhone 3GS und iPhone 4 haben es alle. Ich habe auch Berichte von Kunden erhalten, dass es ihnen passiert, also weiß ich, dass es nicht in meinem Kopf ist!

+1

Ihr eigenes Snippet löste die Schriftprobleme für mich! –

Antwort

3

Nun, nachdem eine lächerliche Menge an Zeit damit verbringen, um dies herauszufinden ich eine Lösung gefunden haben:

verwenden:

html {

-webkit-font-Glättung: none;

}

+0

Ja, das funktioniert für mich. Vielen Dank! – Echelon

16

Ich habe dies mit einem Web-App in Safari selbst ich der Zusammenstellung zu sehen. Nach einem Tag oder so von Kopf kratzen, und die CSS von der iPad-Benutzerhandbuch verwendet dekonstruiert, fand ich, dass

-webkit-transform: translate3d(0,0,0); 

funktioniert der Trick. Das Googlen sieht so aus, dass dies eine Hardwarebeschleunigung des Renderings ermöglicht, was zu weit konsistenteren Ergebnissen in Hoch- und Querformat führt.

+0

Toller Fund! Vielen Dank. – canisbos

+0

Vielen Dank, dies verbessert das Rendern von Picto/Icon Schriftarten enorm. –

2

Der Grund dafür ist, dass nur ein Modus die Subpixel im Display nutzen kann, da diese in einer bestimmten Richtung angeordnet sind. Der andere Modus zeigt die Schriftart mit Graustufen-Anti-Aliasing an und scheint etwas anders zu sein.

Verwandte Themen