Variable fonts & the new Google Fonts API | Responsive Web Typography

Google Variable fonts

Open Type formatet Variabla typsnitt har utvecklats av Microsoft, Google, Apple och Adobe. Google har nu tagit fram ett antal typsnittsfiler som kan anropas direkt med Googles API.

Open Type Variable Fonts innehåller flera olika vikter och stilar i en och samma fil. Det innebär att man kan utnyttja fler, korrekta fonter i ett och samma serveranrop vilket, korthet, betyder snabbare webbsida, lättare formgivning och lättare kodning för utvecklarna.

Lek och testa variable fonts: https://v-fonts.com/

Källa: Variable fonts & the new Google Fonts API | Responsive Web Typography

Progressive Font Enrichment: reinventing web font performance | Responsive Web Typography

Ny fontladdningsteknik håller på att utvecklas. Fonten laddas efter behovet på sidan istället för idag, att ladda ner den kompletta fontfilen som kan vara ganska stor. Man kan alltså säga att fonten “strömmas” till sidan.

“The ideal solution would combine the benefits of both of these approaches: subset a font request to what’s necessary for a given page, but add to the original font asset on subsequent content requests, thereby enabling the gradual enrichment of the font file.”

Googles demo

Källa: Progressive Font Enrichment: reinventing web font performance | Responsive Web Typography