Ich kann einfach nicht aufhören, großartige Links zum Thema Typografie zu speichern. Ich befürchte, ich muss Sie, wieder einmal, mit einer ganzen Menge davon belästigen, die alle zusammengefasst sind. Also, diejenigen unter Ihnen, denen Webtypografie wichtig ist, viel Spaß.
Ich weiß, dass es viele gute Gründe gibt, sich auf variable Schriften zu freuen. Die gestalterischen Möglichkeiten endloser Variationen in einer Datei sind dabei das Wichtigste. Aber am meisten freue ich mich immer noch über die Leistungsvorteile. Eine einzige Datei zu haben, die die dickeren Schnitte (für Fettdruck) und Kursive elegant handhabt, ist so cool. Ich kann es kaum erwarten, meine Faust zu schwingen und zu sagen: Früher mussten wir mehrere Dateien für unsere Schriftvariationen laden!
Mandy Michael geht den Leistungsauswirkungen tiefer auf den Grund, als nur die Anzahl der Anfragen zu reduzieren.
Selbst wenn man die etwas größeren Dateigrößen berücksichtigt, in Kombination mit verbesserten Schriftkomprimierungsformaten wie WOFF2, Schriftunterteilungen und Techniken zur Schriftladung wie
font-display: swap;landen wir in einer Situation, in der wir dennoch kleinere Gesamtdateigrößen für Schriftarten sowie eine deutliche Steigerung der stilistischen Möglichkeiten erzielen können.
Anna Monus hat auch einige Leistungstests für variable Schriften durchgeführt und den Extremfall bewertet, 12 Variationen einer Schrift gegen eine variable Schrift zu laden. Obwohl die Kopie der variablen Schrift, die sie für Roboto hatte, riesig war (über 1 MB), gab es einen Leistungsgewinn im Vergleich zum Laden von 12 Variationen.
Roboto ist natürlich auf Google Fonts, und es hat mit Abstand die Position #1. Aber Google Fonts hat jetzt Inter, und ich würde erwarten, dass es in den Charts nach oben springt, da es einen Stil hat, den jeder zu mögen scheint und der zu so gut wie allem passt.
Ein variables Schriftzeichen, das ein Smiley-Gesicht steuert, macht mich immer glücklich. Verpassen Sie nicht den ersten "Face-ness"-Schieberegler, lollllz.
Klint Finley über die Verbreitung hochwertiger Open-Source-Schriften für WIRED. Manchmal werden sie von Unternehmen mit dicken Geldbeuteln unterstützt, was sinnvoll ist. Aber die Motivation dafür ist unterschiedlich. Manchmal ist Qualität das Ziel. Wie bei allem Open Source kann eine Vielzahl von Beiträgen, wenn sie gut gehandhabt wird, zu einem besseren Produkt führen. Aber Open Source bedeutet nicht immer, dass es keine Geschäftsmöglichkeit gibt, und wenn nicht, interessiert es nicht jeden, an allem Profit zu machen.
Apropos Open-Source-Schriften, Collletttivo ist eine Open-Source-Schriftgießerei mit einem guten Dutzend Schriften, darunter auch eine variable Schrift. Es ist eine super lustige Website zum Erkunden mit den kleinen gefälschten Fenstern, die man öffnet und herumschiebt.
Es gibt eine neue Mac-App namens FontGoggles, mit der man in eine Schriftdatei eintauchen und sehen kann, was sie bietet. Es scheint einfach zu sein, aber das ist es wirklich nicht. Mir gefällt, dass sie WOFF/2 unterstützt, da das so ziemlich alles ist, womit wir im Web arbeiten.
Denken Sie auch daran, dass es eine Website gibt, die mit dem besten Namen aller Zeiten in Schriftdateien stöbert.
Font Match ermöglicht es Ihnen, Schriftarten übereinander zu legen, um sie zu vergleichen. Es scheint eher für große Schriftarten und den Vergleich ihrer Merkmale gedacht zu sein, während Font Style Matcher eher dem Vergleich von Absatztext dient.
Tatsächlich ist die Verwendung von Font Style Matcher, um eine perfekte Schriftart-Fallback zu erstellen, einer meiner absoluten CSS-Tricks-Favoriten. Sssshh… erzählen Sie es niemandem, aber ich stelle diese All-Time-Favoriten für ein Buch zusammen, wie dieses Kapitel. Sie müssten es abonnieren, um es lesen zu können, denn darum geht es: Ich möchte das Buch verkaufen. Wenn Sie also jetzt abonnieren, gibt es dort Lesestoff, aber für den Rest wären Sie ein sehr früher Unterstützer.
Zuerst einmal freue ich mich, meine App (Font Match) in einer Ihrer Listen zu sehen, Chris!
Ich möchte darauf hinweisen, dass es nicht so sehr um große Schriftarten geht (zum Beispiel lade ich standardmäßig die normale Version der Schriftarten), sondern mehr um den Vergleich der Form der Buchstaben mit der Absicht, sie für Grundtext oder Überschriften/Grundtext zu verwenden. Sie ist inspiriert von http://typeconnection.com.
Der nützlichste Abschnitt der App für mich ist der „Inline-Bereich“, in dem man sieht, wie die Schriftarten in derselben Zeile übereinstimmen. Ein Anwendungsfall dafür ist, wenn Sie eine Schriftart haben, die Ihnen gefällt, die aber eine bestimmte Sprache nicht unterstützt. Sie können diese Ansicht verwenden, um eine ähnliche Schriftart mit derselben „typografischen Farbe“ zu finden, die diese Sprache unterstützt.