Google web-Schriften für die Anzeige-schriftart-Gewicht 100

Ich habe Probleme damit, die Lato schriftart-display ultra-dünne, mit Google web fonts. Es ist so Dünn, wie es sein sollte auf die Google-Seite, aber nicht zu ändern sein Gewicht, wenn ich es auf meiner eigenen Seite unter 400 (ich kann gehen, extra bold, bold und normal, aber nicht dünner). Diese besteht in Chrome und Firefox.

Ich habe versucht, die folgenden Varianten der Deklaration der schriftart:

font: 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato', sans-serif;

als auch ohne die kürzere version und mit Pixel für die Schriftgröße (font-size-Eigenschaft wie das font-demo-Seite. Ich habe auch versucht, mehrere Schriftgrößen, vielleicht denken, es kann nicht Rendern bei kleineren Größen, aber dies ist nicht einen Unterschied machen. Dies ist die einzige css auf die Seite, so dass es gibt keine anderen Regeln, könnte überschreiben.

Was kann ich sonst noch versuchen?

Haben Sie Sie sicher, dass Sie die 100 Gewicht in den Google Web font script Referenz?
Erste Beispiel sollte funktionieren. Sind Sie auch laden, die 100 Gewicht schriftart von GWF? jsfiddle.net/9T3Tw
Ich war nicht das laden der 100 Gewicht explizit, vielen Dank!

InformationsquelleAutor Elise | 2013-04-06

  1. 9

    Können Sie ändern Ihre CSS so:

    font: 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato', sans-serif;

    Stellen Sie außerdem sicher, dass Sie enthalten die 100 Gewicht der Lato-Schrift, die nicht standardmäßig enthalten. Wenn Sie brauchen, die URL ist:

    http://fonts.googleapis.com/css?family=Lato:100,400

    Fiddle: http://jsfiddle.net/praveenscience/AtdqY/

    Hinzufügen von Ultra-Light nicht zu sein scheinen, valid CSS, aber die Korrektur der URL hat den trick! Ich wusste nicht, dass ich hatte, um geben Sie jedes Gewicht separat, vielen Dank!
    Froh, Sie fand das problem heraus. Auch ich hatte das gleiche Problem, wenn es versucht.
    Bitte korrigieren Sie die Antwort; so wie es da steht, es ist einfach falsch, da gibt es keine keywords, die für font-GEWICHTE in CSS-außer normal und bold (und relative Schlüsselwörter).

    InformationsquelleAutor Praveen Kumar Purushothaman

Schreibe einen Kommentar