2016-09-09 3 views
4

Ich versuche Roboto auf meiner Website zu installieren, mit Google Fonts, und ich bin verzweifelt zu sehen, dass Roboto in Firefox mutiger (viel mutiger) als in Google Chrome ist.Roboto Schriftart fetter mit Firefox

Hier sind meine Codes:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> 

Und

p 
{ 
    font-size: 1.4rem; 
    line-height: 1.5; 
    font-family: "Roboto", sans-serif; 
    letter-spacing: 0; 
    color: #313131; 
} 

Und hier sind zwei Vorschau von Roboto Schriftart, zuerst mit Firefox, das zweite mit Chrome:

Firefox Roboto

Chrome Roboto

Wie Sie sehen können, ist der Chrome Roboto viel leichter.

Ich weiß nicht, warum es passiert, aber ich habe etwas auf Google Schriftart gefunden. Mit Firebug auf ihren eigenen Code, ich feststellen, dass die Roboto Schriftart verwendet auf ihrer Website hat Attribute:

element.style { 
    font-family: "Roboto script=all rev=1"; 
} 

Und wenn Sie das entfernen „Script = alle rev = 1“, Roboto in Firefox viel mutiger geworden und in Chrome (aber so viel in Firefox). Genau wie bei meiner Work in progress.

Hat jemand eine Antwort, eine Lösung oder etwas? Ich fühle mich einsam, um zu sehen, dass nicht einmal Google mich darüber informieren kann, was script=all rev=1 ist und warum es Roboto auf Google Font viel leichter macht.

Antwort

0

Der Grund, warum es leichter ist, ist, weil Chrome eine lokal installierte Roboto-Schriftart verwendet, die nicht die fette Version hat, und daher auf die dünne Version zurückgreift (anstatt zur Webschrift zu wechseln) ein Chrome-Bug, aber ich kenne keinen vorhandenen Bericht.

Gemäß Force Chrome to use external font in CSS funktioniert der spezielle Schriftname, weil das Google Web Font Stylesheet einen alternativen Namen für die Schriftart "Roboto script = all rev = 1" gibt, die offensichtlich nicht auf dem lokalen System des Benutzers existiert und somit bedient wird durch Webschrift.

Verwandte Themen