Segoe UI Light Schriftart Wird in Google Chrome nicht richtig angezeigt
Ich verwende Segoe UI Light Schriftart auf meiner Website.
das verwendete css ist wie folgt.
%Vor%Aber Google Chrome rendert diese Schriftart nicht richtig. Ich erhalte eine Fettschrift von Segoe UI Light in Chrome.
Das Bild.
Die Versionen der Browser, die ich verwende.
Internet Explorer: 9
Mozilla Firefox: 21
Google Chrome: 27
5 Antworten
Es ist schwierig, das in Firefox zum Laufen zu bringen. Schriftgewicht 300 funktioniert nicht in allen Versionen. Der folgende Code funktionierte für mich und ist mit allen Browsern kompatibel.
%Vor%Siehe Hier Dies ist von einer HTML5-Lösung, aber es könnte Ihnen auch helfen, wie es auch in Visual Studio ist ... Wenn Sie über die CSS-Schriftgewichtsoptionen schweben, erhalten Sie das Gewicht in Worten (Light, Semi usw.). 100: Dünn 200: Extra Licht (Ultraleicht) 300: Licht 400: Normal 500: Mittel 600: Halbfett (Demi Bold) 700: Fett 800: Extra fett Hoffe es hilft.
Befolgen Sie die folgenden Optionen und fügen Sie font-weight statt semibold oder semilight hinzu. Verwenden Sie einfach 'segoe ui' mit einer Kombination von font-weight.
%Vor%Könnte aus verschiedenen Gründen sein:
- Vielleicht verwenden Sie das falsche Schriftformat. Chrome unterstützt SVG, WOFF, TTF / OFT.
- Falsche Vorgehensweise bei der Definition von font-weight, was dazu führt, dass der Browser die font-weight-Eigenschaft falsch interpretiert
Beispiel: Ссылка
Definieren Sie Ihre Schriftarten richtig?
Interessant ... Ich habe fast das umgekehrte Problem ... Ich kann Segoe UI Light richtig in Chrome und IE 10 rendern lassen, aber nicht in FF 21.
In ein weiterer Beitrag einige Zeit zurück wurde vorgeschlagen, etwas zu verwenden, was Microsoft auf ihrer Site verwendet ...
%Vor%Für die Browser, die font-weight + die Schriftart Segoe UI nicht berücksichtigen, scheint die Angabe von Segoe UI Light zuerst zu garantieren, dass es die Schriftart mit dem geringeren Gewicht rendert.
In FF 21 sehe ich jedoch immer noch die normale Schriftart Segoe UI, unabhängig davon, was ich versuche. Firebug gibt an, dass es die Schriftart Segoe UI aus der Liste auswählt.
Tags und Links html css google-chrome fonts