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 |
|---|---|---|
| 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.