net2zero

FOR A SUSTAINABLE NETCULTURE

Remove
20 KB

from your website and feel like you

planted
3.5 trees

every year

Flugzeugfenster

VARIABLE
AS
STANDARD

Problemstellung

Die Zukunft mit variablen Schriftarten bietet sowohl Designern als auch Nutzern von Schriftarten enorme Kontrollmöglichkeiten. Obwohl wir noch nicht alle verschiedenen Anwendungsfälle für variable Schriftarten definiert haben, stehen einige von ihnen im Mittelpunkt unserer Überlegungen, während wir und andere Branchenbeteiligte diese Formaterweiterung definieren. Eine Studie von Monotype kam zur Konklusion, dass was zuvor etwa 555k zur Speicherung von 48 TTFs benötigte, kann mit einem einzigen variablen TTF von nur 66k bereitgestellt und gerendert werden. Das bedeutet eine Einsparung von etwa 88 % bei der Dateigrösse.

Gemäss dem Moorschen Gesetz muss die Speicherkapazität sich alle 18 Monate verdoppeln, um mit Datenmengen mithalten zu können. Die Speicherkapazität wächst cirka 20% pro Jahr, die Datenmengen hingegen 40%. Im Jahr 2025 kann die Technologie gemäss Prognosen nicht mehr mithalten.

Schrift

Je mehr Stile wir hinzufügen, desto grösser sind die Einsparungen prozentual zur Gesamtgrösse der statischen Schriftarten. Die tatsächlichen Einsparungen sind jedoch noch grösser als in dieser Grafik dargestellt, da diese Zahlen nur die gespeicherten Stile repräsentieren. In den meisten Fällen haben grosse Schriftfamilien viele Stile, die vollständig durch Interpolation aus diesen Masterstilen erstellt werden. Im Beispiel dieser Schriftart hier werden 12 Eingabeschriften verwendet, um 8 Gewichtungen, 3 Breiten und 2 Haltungen ( normal vs. kursiv ) zu erzeugen, was 48 einzelne Schriftstile entspricht, die in einer einzigen variablen TTF-Datei gespeichert sind.

  • Systemschriften
    Die effizienteste Wahl ist immer die Verwendung von Systemschriftarten, die auf Geräten vorinstalliert sind. Auf Apple Geräten sind das beispielsweise Arial, Times New Roman oder Helvetica sowie Roboto auf Android Geräten. Systemschriften erfordern keine Serveranfragen und somit auch keinen Datentransfer. In der Emssionsrechnung der Website sind sie somit kostenlos.
  • Variable Schriften
    In TTF Files wird jede Schriftstärke in einer separaten Schriftdatei gespeichert, was zum Laden vieler Dateien führt. Benutzt man eine Variable Font, sind all diese Schnitte in das WOFF2 Format gepackt. Es muss somit nur eine Datei abgerufen werden und nicht auf eine breite Schriftpalette verzichtet werden.
  • Subsetting
    Eine Schrift umfasst meist eine grosse Anzahl an Glyphen, wobei die meisten davon nicht benutzt werden und so die Schriftdatei unnötig füllen. Das Subsetting von Schriftarten ist der Prozess des Entfernens von Zeichen aus der Schriftart, mit dem Ziel, nur das zu behalten, was wir für die Erstellung von Inhalten auf der Website benötigen. Im Wesentlichen handelt es sich um eine verlustbehaftete Optimierung. Nach dem Subsetten von Inter UI Bold und der Umwandlung in eine WOFF2-Datei schrumpfte die Datei auf 7 KB, was 2,3 % der Grösse der ursprünglichen TTF-Datei entspricht.

    • net2zero