Entwicklung einer robusten Strategie zum Laden von Schriftarten für CSS-Tricks

Avatar of Robin Rendle
Robin Rendle am

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

Zach Leatherman hat eng mit Chris zusammengearbeitet, um die Strategie für das Laden von Schriftarten für diese Website, die Sie gerade lesen, zu entwickeln. Zach führt uns in diesem Artikel durch das Design und teilt Techniken, die auf andere Projekte angewendet werden können.

Spoiler-Alarm: Das Laden von Schriftarten ist ein komplexer und wichtiger Teil eines Projekts.

Der wirklich interessante Teil dieses Beitrags ist die Art und Weise, wie Zach über die Änderung des Designs spricht, basierend darauf, was für die Codebasis am besten ist – oder wie Harry Roberts es nennt: „Normalisierung des Designs“. Wird ein Benutzer den Unterschied zwischen font-weight: 400 und font-weight: 500 wirklich bemerken? Nun, wenn wir eine ganze Schriftdatei weglassen können, könnte das erhebliche Auswirkungen auf die Leistung haben, was wiederum das Benutzererlebnis verbessert.

Ich schätze, die Unterhaltung kann stattdessen so formuliert werden: Wiegt das Benutzererlebnis dieser Schriftart das Benutzererlebnis einer etwas schnelleren Website auf?

Und das ist überhaupt keine Kritik am Design! Ich denke, Zach zeigt uns, wie eine gesunde Beziehung zwischen Designern und Entwicklern aussehen kann: Zusammenarbeit und gemeinsame Entscheidungsfindung basierend auf dem Kontext und dem vorliegenden Problem, anstatt statische Mockups als die endgültige, konkrete Wahrheitsquelle zu behandeln.

Direkter Link →