Laudon Resources

OpenType Font Variation

Statiska instanser och VariableFont
  • – Statiska instanser av en VariableFont består av separata filer för varje fördefinierad `instans`, t.ex. Light, Regular, Bold av en VariableFont. En instans är en punkt på en designaxel.
  • – En VariableFont samlar flera stilar och varianter i en enda fil, där användaren kan själv justera t.ex. vikt, bredd eller lutning kontinuerligt längs designaxlar.

Sedan OpenType introducerades har det funnits i två olika varianter: TrueType-OpenType och CFF-OpenType. CFF står för Compact Font Format. Introduktionen av VariableFont har lagt till en tredje variant: CFF2-OpenType.

CFF2-VariableFont är inte kompatibla med tidigare CFF-baserade statiska typsnitt och har inte brett stöd. Informationen om kompatibilitet för VariableFont här avser endast TrueType-OpenType.

Vi rekommenderar att endast använda TrueType-VariableFont, och det är det enda formatet av VariableFont som vi tillhandahåller till slutanvändare.

Operativsystemkompatibilitet

De flesta operativsystemen som introducerats eller har uppdaterats efter 2016 har stöd för de statiska typsnitten:

Operativsystem Fördefinierad Instans Ytterligare Variationer
Windows 10 Ja, från och med version 1709. Endast i programvaror som stöder variationer, se nedan.
Windows 11 Ja. Endast i programvaror som stöder variationer, se nedan.
MacOS X Ja, Fullt från och med version 10.13. Viss stöd finns i 10.5 och senare. Endast i programvaror som stöder variationer, se nedan.
Linux Ja, från och med version 2.8 Freetype. Endast i programvaror som stöder variationer, se nedan.

När man installerar en VariableFont, måste man var noga med att inte installera typsnittsfiler som kolliderar med varandra. Två VariableFont kan kollidera med varandra, vilket kan leda till oförutsägbart och opålitligt beteende.

Programvarokompatibilitet

Stödet för den statiska versionen av VariableFont i olika programvaror är generellt utmärkt, och utökas stadigt:

Programvara Fördefinierad Instans Ytterligare Variationer
Adobe Illustrator Ja. Ja, version 22 och senare.
Adobe InDesign Ja. Ja, version 15 och senare.
Adobe Photoshop Ja. Ja, version 19 och senare.
Apple Pages Ja. Nej.
Apple Keynote Ja. Nej.
Figma Ja. Ja, version 114.4 och senare.
Microsoft Word Ja, men PDF-generering och vissa skrivardrivrutiner är för närvarande opålitliga. Nej.
Microsoft Powerpoint Ja, men PDF-generering och vissa skrivardrivrutiner är för närvarande opålitliga. Nej.
QuarkXPress Ja. Nej, men det är i utveckling.

Inkludera och exportera VariableFont

Att bädda in en VariableFont i dokument är inte helt enkelt.

Programvara Fördefinierad Instans Ytterligare Variationer
PDF Ja, men programvaran som producerar PDF-filen måste konvertera VariableFont till ett äldre format eller generera varje statisk instans. Ja, men programvaran som producerar PDF-filen måste konvertera VariableFont till ett äldre format eller generera varje statisk instans.
Word .doc Ja, men varje statisk instans är inbäddad i sin helhet, vilket leder till ökad filstorlek. Nej.
Word .docx Ja, men varje statisk instans är inbäddad i sin helhet, vilket leder till ökad filstorlek. Nej.
VariableFont i webbläsaren

Slutanvändare kan lita på att webbutvecklaren och deras webbläsare hanterar de tekniska detaljerna i bakgrunden; informationen nedan är avsedd för webbutvecklare som vill använda egenhostade webbfonter på sin webbplats.

Webbläsare Statiska VariableFont & Ytterligare Variationer
Chrome för Android Ja, version 71 och senare.
Chrome Ja, version 66 och senare.
Edge Ja, version 17 och senare.
Firefox Ja, version 66 och senare.
Internet Explorer Nej.
Opera Ja, version 53 och senare.
Safari Ja, version 11 och senare.
Safari för iOS Ja, version 11 och senare.

Du kan dra nytta av den mindre filstorlek som VariableFont erbjuder för att leverera fler typsnitt på kortare tid till varje besökare på webbplatsen.

“Can I Use?” är en utmärkt resurs för korrekt och uppdaterad information om webbläsarkompatibilitet och följsamhet mot standarder. Deras variable fonts summary visar hur stora framsteg som har gjorts och hur tillförlitliga VariableFont har blivit på webben.

VariableFont i CSS

Stöd för VariableFont i webben har nått över 95 % av användarna, och man kan använda dem i kombination med statiska reservteckensnitt utan konstigheter. CSS-reglerna skriver man enklast så här:

@font-face {
font-family: 'minFont VF';
src: url('minFont_VF.woff2') format('woff2-variations');
font-weight: 100 900;
}

@font-face {
font-family: 'minFont';
src: url('minFont.woff2') format('woff2');
font-weight: 400;
}

@font-face {
font-family: 'minFont';
src: url('minFont_Bold.woff2') format('woff2');
font-weight: 700;
}

body {
font-family: 'minFont VF', 'minFont', sans-serif;
}

“Microsoft OpenType Spec” är en utmärkt platform för korrekt och uppdaterad information om OpenType formatets standard. Deras OpenType Font Variations Overview har en översikt över OpenType-typsnittsvariationer, inklusive en introduktion till viktiga begrepp, en ordlista och en specifikation av viktiga algoritmer: koordinatnormalisering och interpolering av instansvärden.

För mer information om våra erbjudanden kring fontprogrammering och validering, kontakta gärna mig på här.