2017-01-19 1 views
0

Ich schließe sagen "Noto Sans" oder "Ubuntu" auf meiner Webseite über css "@import". Wenn ich das Rendering auf meiner Seite mit dem Rendering auf der GoogleFonts-Seite vergleiche, sieht es für beide Fonts unterschiedlich aus. Obwohl ich den gleichen Text in GoogleFonts einfügen und die gleiche Größe, den gleichen Hintergrund, die gleiche Farbe wählen.Fonts rendern anders auf GoogleFonts als auf meiner Seite

ist hier ein Bild: (besonders sichtbar mit dem "A") enter image description here

Jede Idee, wenn es eine Einstellung, die ich verpasst? Wie Sie sehen können, stimmt weder das Gewicht noch die Größe überein. Vor allem das Gewicht scheint ein Problem zu sein. Beim Vergleich von "Noto Sans" sieht die Schrift mit dem gleichen Gewicht viel dicker auf meiner Seite aus. Ich habe die Schriften von Google in mein System heruntergeladen. Dies gilt jedoch auch, wenn ich diese Schriftarten lösche und der Browser Remote-Schriftarten verwendet. Ich benutze MacOSX aber in Browserstack einchecken scheint es, dass das Problem in mehreren Browsern wirksam ist. Ich habe auch in Win7 mit IE9 getestet.

+0

Nicht sicher über die IE-Browser, aber haben Sie versucht, '-webkit-font-smoothing: antialiased;'? Google verwendet auch "-ms-text-size-adjust: 100%;" für IE. –

+0

Ja das war es, leider habe ich das in der Debug-Konsole nicht gesehen. könnten Sie es als Antwort einfügen, damit ich es überprüfen kann? – DarsVaeda

Antwort

1

Nicht sicher über die IE-Browser, aber haben Sie versucht, -webkit-font-smoothing: antialiased; hinzuzufügen? Google verwendet auch -ms-text-size-adjust: 100%; für IE.

Verwandte Themen