Wenn Sie die Vorzüge schneller Systemschriften schätzen, aber nicht alles immer mit System UI gestalten möchten, ist ein Besuch auf Modern Font Stacks definitiv eine gute Idee.
Nur superschnelle Systemschriften
In Kapitel 15 der zweiten Auflage von »Einstieg in HTML und CSS« beschreibe ich die Schriftgestaltung per CSS. Da Sie als Autor eines Stylesheets nicht wissen, welche Schriften auf dem Gerät des Besuchers vorhanden sind, äußern Sie immer mehrere Wünsche.
Die Website Modern Font Stacks hilft beim Zusammenstellen dieser Wunschlisten, und die Besonderheit dieser von Dan Klammer mit viel Liebe und Leidenschaft erstellten Website ist, dass die Wunschliste ausschließlich aus in modernen Betriebssystemen vorhandenen Systemschriften zusammengestellt werden:
System font stack CSS organized by typeface classification for every modern OS.
Modern Font Stacks
The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
In 15 Gruppen unterteilt
Dan Klammer hat die Systemschriften moderner Betriebssysteme gesammelt, in 15 Gruppen unterteilt und für jede dieser Gruppen mit font-family eine CSS-Deklaration erstellt, in der ausschließlich die Systemschriften vorkommen:
Falls Sie wie ich eher kein Grafik-Designer sind und Ihnen die Namen der 15 Gruppen nur zum Teil was sagen, gibt es auf auf der Github-Seite zum Projekt eine ausführliche Beschreibung der Schriftgruppen. Die folgende Abbildung zeigt das am Beispiel der Gruppe System UI:
Auf Github erwähnt der Entwickler auch, auf welchen Betriebssystemen die einzelnen Schriftarten vorkommen.
Mit Alice in Wonderland
Auf der Website gibt es einen Article View, in dem man sich die Gruppen mit dem ersten Kapitel von Alice in Wonderland anschauen kann, sodass man einen sehr schönen Eindruck von der Wirkung der jeweiligen Gruppen bekommt.
Die folgende Abbildung zeigt Alice mit Neo-Grotesque:
font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;Da es auf meinem Mac weder Inter noch Roboto gibt, kommt die Helvetica Neue zum Zuge.
Fazit
Ein ausführlicher Besuch auf Modern Font Stacks lohnt sich definitiv, nicht nur für Typografie-Fans.
Finde den Beitrag sehr hilfreich;)
Martin