En variabel skrifttype kan indeholde flere variationer i den samme fontfil. I stedet for at skifte mellem separate filer for hver vægt kan designet bruge et interval af værdier, når skrifttypen understøtter det. MDN beskriver teknikken som en videreudvikling af OpenType.
Variationer kan blandt andet handle om vægt, bredde og hældning. Nogle skrifter tilbyder også optisk størrelse. Det betyder ikke, at alle variable fonte har de samme muligheder; de konkrete akser afhænger af skrifttypen.
Begynd med teksten
Vores anbefaling er at starte med et lille udsnit af det rigtige indhold. Brug en lang dansk overskrift, et afsnit brødtekst og en knap. Medtag æ, ø og å samt tal. Et alfabet på en flot præsentationsside siger mindre om hverdagen end en vanskelig overskrift i den faktiske spalte.
Skriv derefter tre opgaver ned: Hvad skal fange øjet? Hvad skal kunne læses længe? Hvad skal kunne skimmes? Lad svarene bestemme hierarkiet, før du eksperimenterer med fine forskelle i vægt.
Sæt få, tydelige regler
En praktisk øvelse er at begrænse det første udkast til tre tekstroller: overskrift, brødtekst og metadata. Vælg faste indstillinger til hver. Justér derefter én rolle ad gangen, og vurder resultatet på både telefon og større skærm.
Friheden til at vælge mange værdier er ikke en grund til at bruge dem alle. Hvis næsten ens tekster får næsten ens indstillinger, kan resultatet blive et uklart hierarki, som er svært at vedligeholde.
Test før aflevering
Kontrollér lange ord, flere linjer og browserens zoom. Undersøg også, hvordan siden ser ud, mens skrifttypen endnu ikke er indlæst. Et robust layout skal kunne tåle, at bogstavernes mål ændrer sig.
Denne guide er en arbejdsmetode, ikke en anbefaling af en bestemt font. Vurder filstørrelse og licens på den konkrete skrifttype. En variabel fil er ikke automatisk den letteste løsning i ethvert projekt.
Gør os opmærksom på en fejl →