Critical Web Fonts

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 stellt eine neue Methode zum Laden von Web-Schriftarten vor, bei der der Prozess in zwei Stufen unterteilt werden kann.

…anstatt einer vollständigen römischen Web-Schriftart in der ersten Stufe, lädt es einen kleinen Teil der römischen Web-Schriftart, in diesem Fall nur mit den groß- und kleingeschriebenen alphabetischen Zeichen.

Dann, in der zweiten Stufe, können wir alle zusätzlichen Teile dieser Schriftart laden, wie Zahlen oder Sonderzeichen. Letztendlich verringert dies die Zeit, in der die Leser den Wechsel zwischen der Fallback-Schriftart und der schicken Web-Schriftart sehen, erheblich: Die erste Stufe hat nur eine Größe von 9 KB, die dann durch eine vollständige 25-KB-Version ersetzt wird.

Die Schwierigkeit hierbei ist, dass viele Schriftgießereien Entwicklern nicht die Möglichkeit bieten, eine Schriftdatei zu unterteilen.

Direkter Link →