Segoe UI Semilight in CSS funktioniert nicht in Chrome
Ich versuche, Segoe UI Light, Segoe UI Semilight und Segoe UI auf einer Webseite zu verwenden. Im IE ist das sehr gut, aber Chrome scheint nicht zwischen Light und Semilight zu unterscheiden.
Ich verwende das CSS, das für diese StackOverflow-Antwort vorgeschlagen wurde , wie von Microsoft vorgeschlagen.
%Vor%Das folgende Beispiel zeigt verschiedene Schriftschnitte von Segoe UI, einschließlich Light und Semilight: Ссылка
Hier sind die Ergebnisse.
Chrome:
IE:
Irgendwelche Ideen, wie Sie das beheben können?
2 Antworten
Neben der Tatsache, dass Ihre Schriftart nur auf Windows-Geräten korrekt angezeigt wird, während sie bei allen anderen ignoriert wird, auf denen die Schriftart nicht installiert ist, müssen Sie sicherstellen, dass Sie einen passenden Ersatz haben.
Die zweite Sache ist, dass Ihre Schriftartdefinition falsch ist und nicht über den Browser funktioniert. Während Internet Explorer in der Lage ist, direkt die korrekte Schriftartendatei zu verwenden, die durch src: local("Segoe UI Semibold"); angegeben wird, müssen alle anderen Browser auf die Schriftfamilie verweisen. src: local("Segoe UI"); .
Im Falle eines Semibolds müssen Sie die Schriftartdefinition wie folgt angeben:
%Vor%Sobald Sie Ihre Schriftdefinition korrigiert haben, sollte es aussehen, wie der folgende Screenshot zeigt. In diesen Screenshots sehen Sie auch, dass wenn die Font-Familie mit dem vollen Namen anstelle des Schriftfamiliennamens angegeben wird, die Schriftart auf Times New Roman zurückgreift. Dies geschieht, weil der Browser den Namen der Schriftart nicht auflösen kann, was ausschließlich für IE zu sein scheint.
Nicht sicher, ob es daran liegt, dass ich die lokale Schriftart verwende und die verfügbare Webschriftart korrigiert wurde, müssen Sie zusätzliche Anpassungen vornehmen, um die Schriftart gut aussehen zu lassen. Es kann der Fall sein, dass die Web-Fonts speziell für die Verwendung im Internet gekennzeichnet sind.
Verschiedene Browser haben unterschiedliche Methoden zum Rendern von Schriften. Da Chrome der Hauptschuldige für schlecht lesbare Schriften war, stolperte ich über einige wenige Artikel zu diesem Thema (einige davon vor kurzem).
Wenn Sie Google Canary (die nächtliche Beta-Version von Google Chrome) installieren und sie dort testen, welche Ergebnisse erhalten Sie? Einfach prüfen, da es sich um einen versionsspezifischen Fehler handeln könnte. Wenn Sie ein paar Artikel lesen, die vor Kurzem in Chrome aktualisiert wurden, wird Segoe UI nicht mehr korrekt in font-weight: 300/200 dargestellt.
Seien Sie überdies müde, wenn Sie lokale Schriftarten verwenden. Wenn Sie keinen Windows-PC verwenden, wird diese Schriftart nicht angezeigt, z. B. Mac / Linux / Chrome / Firefox OS.
Es gibt kostenlose Alternativen zu lokalen Computern, die Sie als Webfont herunterladen / verwenden können (auch wenn Sie nur eine lokale Website verwenden möchten), z. B. Google Open Sans.