Systemschriftarten an GitHub.com liefern

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

System-Schriftstapel (System font stacks) wurden vor etwa einem Jahr sehr beliebt, zweifellos beeinflusst durch Mark Ottos Arbeit, sie auf GitHub live zu schalten.

Das Warum fühlt sich für mich wie (1) yay Performance und (2) die Seite sieht aus wie der Rest des Betriebssystems an. Aber für Mark

Helvetica wurde 1957 geschaffen, als der Personal Computer ein Tagtraum war. Arial wurde 1982 geschaffen und ist auf 95 % der Computer im Web verfügbar. Millionen, wenn nicht Milliarden von Webseiten nutzen derzeit diesen stark veralteten Schriftstapel, um viel jüngere Inhalte für viel jüngere Browser und Geräte bereitzustellen.

Mit der Verbesserung der Displayqualität muss sich auch unsere Nutzung dieser Displays verbessern. Systemschriftarten wie Apples San Francisco und Microsofts Segoe zielen darauf ab, dies zu erreichen, indem sie Retina-Bildschirme, dynamische Laufweiten, zusätzliche Schriftschnitte und verbesserte Lesbarkeit nutzen. Wenn Betriebssysteme von diesen Änderungen profitieren können, dann kann es auch unser CSS.

Mir gefällt auch die Idee des Teams, Emoji-Schriftarten am Ende der Schriftarten-Deklaration hinzuzufügen, damit Sie auch hier die bestmögliche Unterstützung haben

p { 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

Direkter Link →