2016-10-07 12 views
1

Ich habe "Raleway" Schriftart in meiner Webseite verwendet. Aber sieht in verschiedenen Browsern anders aus. Gibt es eine Möglichkeit, das Problem zu beheben?Schrift sieht in verschiedenen Browsern anders aus

Hier ist der Link, den ich verwendet habe.

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" /> 

Unten ist das Bild in crome und firefox Ansicht:

Click here to check Crome & firefox view image

In firefox Schriftarten aussehen wenig fett und beschattet.

+0

Meine Ansicht: die verschiedenen Arten von browers, um die Ausgabe manchmal anders machen. Kann versuchen, dies wird Ihnen helfen http://yuilibrary.com/yui/docs/cssreset/ und http://blog.typekit.com/2011/07/26/new-from-typekit-improved-font- rendering-on-windows/ – Karthi

+0

Ich habe das versucht, aber es wird nicht für mich funktionieren. –

Antwort

2

Verwenden Sie dies.

body { 
    -webkit-font-smoothing: antialiased; 
    -moz-font-smoothing: antialiased; 
    -o-font-smoothing: antialiased; 
    font-smoothing: antialiased 
} 

Wenn nicht

Arbeits
body { 
    -webkit-font-smoothing: antialiased!important; 
    -moz-font-smoothing: antialiased!important; 
    -o-font-smoothing: antialiased!important; 
    font-smoothing: antialiased!important; 
} 
+0

Glatt gemacht nach der Verwendung dieser, aber die Fett-und Schatten-Effekt in Firefox ist immer noch da. –

+0

'-webkit-font-smoothing: antialiased;' '-moz-osx-font-smoothing: Graustufen;' benutze das – ABHIJIT

+0

Auch ausprobiert -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: Graustufen; aber es unterstützt nicht in meiner Firefox-Version. Ich habe den folgenden Link durchgesehen, es besagt, dass es nicht angemessen ist, diese Lösung zu verwenden, da es nicht für jeden Benutzer funktioniert. Http://developer.mozilla.org/en-US/docs/Web/CSS/font -smooth –

0
body { 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
} 
Verwandte Themen