Typografie-Links VI | CSS-Tricks

Glitzer-Text — whO (Ich habe einen Namen für Leute gelernt, die sich mit einem einteiligen Spitznamen wie diesem ansprechen lassen: Mononym) hat einen Builder für schicke SVG-basierte Typografie erstellt. Es ist eine benutzerdefinierte Schriftart mit <text>, und das Schicke kommt mit einem Farbverlauf und etwas exotischen Filtern, die Rauschen erzeugen und das Rauschen in die Farbe einblenden.
Anpassung der optischen Größe für den Dunkelmodus — Mark Boulton beginnt damit, die Nützlichkeit von variablen Schriftarten in Frage zu stellen (Blasphemie!), findet dann aber einen guten Anwendungsfall bei der Anpassung der optischen Größe im Dunkelmodus. Robin hat das vor kurzem hier behandelt.
Optische Größe, die verborgene Superkraft von variablen Schriftarten — Apropos optische Größe, Roel Nieskens geht hier darauf ein. Es ist nicht nur eine Frage der Dicke... „Diese Funktion bewirkt, dass sich Buchstaben tatsächlich so verändern, wie sie aussehen, wenn sie in kleinen oder großen Größen dargestellt werden. Das alles geschieht automatisch im Browser.“
Updates zu v-fonts.com — Und apropos variable Schriftarten, Piper Haywood spricht über einige Updates zu v-fonts.com und stellt einige durchsuchbare Taxonomien vor. Ich brauche etwa 20 Sekunden, um diese Seite zu durchstöbern, und schon möchte ich alles mit variablen Schriftarten neu gestalten.
Alles, was Sie brauchen, sind 5 Schriftarten — (Matej Latin) Ich höre von diesen mythischen Designern, die ihre gesamte kreative Energie darauf verwenden, tiefgreifend zu lernen, wie man eine sehr begrenzte Auswahl an Schriftarten verwendet. Vielleicht ist das so ähnlich wie bei uns Web-Nerds, die nur HTML, CSS und JavaScript kennen und es dabei belassen.
Bewährte Praktiken für Schriftarten — Genau wie bei CSS haben Schriftarten große Auswirkungen auf die Web Core Vitals (z. B. Layoutverschiebungen und Darstellungen). Katie Hempenius ist wieder einmal dabei und erklärt, wie man Schriftarten schneller macht. Ich glaube, diese bewährten Praktiken setzen sich langsam durch… Vorabverbindung zum Schriftartenhost, Subsetting, font-display usw.
Sans Bullshit Sans — Ähnlich wie das Browser-Plugin Cloud to Butt, nur dass die Textänderungen über Ligaturen erfolgen (🤯) und sie in kleine Comic Sans-Abzeichen umgewandelt werden. Einige davon sind schräg? Wie zum Teufel funktioniert das?
Bryan Font — Jon Hicks erstellt eine Schriftart für seinen verstorbenen Vater, John Bryan Hicks. Eine liebevolle Hommage.
Übernehmen Sie die Schriftgröße des Vorfahren, zum Spaß und zum Profit — Lea Verou findet einen weiteren Anwendungsfall für @property. Ich frage mich, ob es eine aufkommende Best Practice ist, alle benutzerdefinierten Eigenschaften zu registrieren, da dies Möglichkeiten eröffnet und sie sich erwartungsgemäßer verhalten. Lea zeigt, wie man @property in JavaScript im Browser testen kann, aber wenn Sie das aus irgendeinem Grund nicht können und nichts gegen ziemlich verwirrendes CSS einzuwenden haben, hat Jane eine reine CSS-Lösung.

Antwort hinterlassen Antwort abbrechen