2015-01-29 5 views
5

Ich benutze die Schriftart Open Sans auf einer Website, aber es erscheint in allen Browsern viel dicker als in Adobe Illustrator (siehe angehängte Bilder). Warum ist das und gibt es irgendeine Möglichkeit, die Schriftart im Browser zur Anzeige "dünner" bitte zu bekommen?Schriftart rendert in den Browsern

Illustrator

Browser

Hinweis Sowohl der Browser und Illustrator sind die Semi Gewicht Rendering (600)

+0

WRT Ihre Bearbeitung: Ist Ihre Frage, wie Sie den Browser verwenden eine dünnere Schriftart als Gewicht 600 machen? –

+1

Bitte senden Sie den HTML- und CSS-Code, den Sie verwenden. Es ist normal, dass Fonts von verschiedenen Programmen unterschiedlich gerendert werden, aber der Unterschied hier scheint zu groß zu sein, um damit allein erklärbar zu sein. –

Antwort

13

Das Problem war mit Aliasing. Die folgende CSS-Lösung wird für Safari, Chrome und Firefox funktionieren:

-moz-osx-font-smoothing: grayscale; 
-webkit-font-smoothing: antialiased; 
+0

Vielen Dank! –

2

Achten Sie darauf, das Licht sind, einschließlich (300) und normalen (400) Gewichte für Open Sans, dann können Sie einfach:

body { 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 300; /* Or 400, if 300 is too light. */ 
} 
+0

Danke, siehe Update auf Frage – RunLoop

+0

@RunLoop verwenden Sie die gleiche Schriftgröße? Verwenden Sie 'Pt'-Einheiten? –

+0

Ich verwende px in beiden Fällen. – RunLoop

0

Die Open Sans Webfont kommt in 10 Arten. Für mich sieht es so aus, als ob der Browser den Semibold anzeigt. Es sollte regelmäßig sein und Sie sollten gut gehen.

Werfen Sie einen Blick auf fontsquirrel

http://www.fontsquirrel.com/fonts/open-sans

+0

Ich denke du meinst "10 Gewichte". Es gibt nur 3 verschiedene Schriftarten! –

+0

Sie haben Recht - ich meinte Stile, weil alle Gewichte einzelne Stylesheets haben :) – moesphemie

0

Die einfache Antwort ist, dass es keine Lösung ist. Wenn Sie den gewünschten Stil und das gewünschte Gewicht richtig laden und aufrufen, werden die Dinge zwischen Adobe- und Webbrowsern (oder Browser zu Browser) manchmal unterschiedlich dargestellt. Ihre Möglichkeiten sind, zu 400 Gewicht zu gehen oder zu lernen, die Kühnheit zu lieben.