2012-06-09 10 views
7

Ich habe beschlossen, die Google Web Font „Signika“ zu verwenden: http://www.google.com/webfonts/specimen/SignikaGoogle Web Font-Rendering Browser Unterschiede

Während ich absolut die Art und Weise diese Schriftart sieht lieben, wenn es richtig gemacht, bieten einige Browser oder Plattformen nicht diese Luxus für ihre Nutzer.

Hier ist, was ich beobachtet habe:

  • Arch Linux - Neueste Chromium - Perfekte
  • Arch Linux - Die neueste Firefox - Perfekte
  • Win7 64-Bit - Die neueste Chrome - Schlechte (gleich wie die Bild rechts, wenn ich mich richtig erinnere)
  • Win7 64-Bit (virtualbox VM) - Neueste Firefox - Schlecht (siehe Bild unten)
  • Win7 64-Bit (virtualbox VM) - IE9 - Perfekt ?? (siehe Bild unten)

Die letzten 2 überraschen mich. Hier ist der Vergleich des Renderings mit IE9 auf der linken Seite und Firefox auf der rechten Seite. Beide sind auf demselben Computer (Win7 64-Bit Virtualbox VM).

IE9 vs latest Firefox

Die auf der linken Seite sieht aus wie es aus geglättet worden ist - Pixel nicht schwarz oder weiß, sondern auch in zwischendurch. Die rechte sieht aus, als würde sie nur 2 Farben verwenden.

Wenn IE9 Browser-Modus auf IE8 oder IE7 festgelegt ist, beginnen die Schriftarten wie in Firefox auf diesem Computer (nicht glatt).

Ich versuche, Sinn zu machen. Was genau passiert und kann alles getan werden, damit es glatt aussieht? Ich habe ähnliche Probleme sah sich um und versucht, die folgenden empfohlenen Fixes/Abhilfen:

font-smooth: always; 
-webkit-font-smoothing: antialiased; 

und

text-shadow:0 0 1px transparent; 

ohne Wirkung. (Versucht sie auf Win7 64-Bit (virtualbox VM) mit dem neuesten Firefox)

Alle Vorschläge würden wir uns freuen!

+0

Ich habe einen ausführlichen Blogeintrag dazu gemacht inkl. Fixes: [Wie man das hässliche Font Rendering in Google Chrome repariert] (http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/) und das wurde auch hier gefragt: http: //stackoverflow.com/q/11487427/1114320 – Sliq

Antwort

0

Ein Kommentar in einem earlier post unter Webfonts mit this article verknüpft. Es erklärt, dass Sie, wenn Sie sich entscheiden, selbst zu hosten, mit Postscript-Umrissen zu Webfonts konvertieren sollten.

Da Sie einen Google Webfont verwenden, ist es Open Source. Sie können diese Technik vor dem Verschieben ausprobieren, um die Schriftglättung mithilfe von CSS anzupassen.