U hebt nodig: FontCreator (Windows of macOS) en twee afgeronde, compatibele statische lettertypen uit dezelfde familie — bijvoorbeeld een Regular en een Bold.
Een variabel lettertype is één bestand met een of meer assen (bijvoorbeeld gewicht of breedte) waarmee u via interpolatie een doorlopend bereik van stijlvariaties kunt gebruiken. Deze handleiding laat zien hoe u in de font-editor van FontCreator een variabel lettertype bouwt uit twee bestaande niet-variabele lettertypen, de interpolatie bekijkt, compatibiliteit herstelt en named instances exporteert. De pagina dient ook als startpunt voor de overige handleidingen over variabele lettertypen — zie het overzicht aan het eind.
Het idee van variabele lettertypen bestaat al decennia, maar werd pas in 2016 in de OpenType-specificatie opgenomen. FontCreator kan een variabel lettertype exporteren en kan daarnaast elke vooraf gedefinieerde stijl (named instance) met één klik exporteren, zodat u sneller lettertypen maakt.
We gaan ervan uit dat u al een Regular- en een Bold-versie van een lettertypefamilie hebt gemaakt. Open ze beide in FontCreator om te beginnen.
Weight-as
Omdat we twee lettertypen met verschillende gewichten combineren, hebben we een Weight-as nodig.
- Activeer de stijl Regular.
- Open het paneel Lettertype-eigenschappen.
- Ga naar het tabblad Axes.
- Klik op het werkbalkpictogram [+] en kies Weight.
Het paneel Lettertype-eigenschappen op het tabblad Axes, waar met het werkbalkpictogram [+] een Weight-as wordt toegevoegd.
Bold-master
Selecteer in het paneel Lettertype-eigenschappen het tabblad Masters. Klik op het werkbalkpictogram [+] en kies het Bold-lettertype. Hiermee worden alle glyphcontouren uit het Bold-lettertype als tweede master in dit lettertype gekopieerd.
Werk nu de Aslocatie voor beide masters bij. Selecteer de Regular-master en stel de locatie in op 400. Selecteer de Bold-master en stel die in op 700.
Op dit punt hebt u al een variabel lettertype. Goed gedaan.
> Let op: u ziet waarschijnlijk dat in het paneel Lettertype-overzicht bij diverse glyphs plotseling een rode koptekst verschijnt. Dat markeert glyphs met compatibiliteitsproblemen — de interpolatie mislukt daar totdat ze zijn hersteld. Hieronder komen we daarop terug bij Compatibiliteitsproblemen.
Eerste indruk — bekijk de interpolatie
Nieuwsgierig naar het resultaat? Wij ook.
Open het paneel Variaties om de Weight-as te gebruiken. Is het niet zichtbaar, kies dan View → Panels in het hoofdmenu en zorg dat Variaties is aangevinkt — of druk op Ctrl+F7 om het aan of uit te zetten.
In het paneel Variaties bekijkt u elke positie tussen uw masters. Versleep de schuifregelaar Weight en de contouren interpoleren automatisch.
Nog een paneel helpt hier: Masters en Lagen. Is het niet zichtbaar, kies dan View → Panels → Masters en Lagen of druk op Ctrl+F6. Met dit paneel wisselt u tussen de beschikbare masters — belangrijk, want glyphcontourlagen horen altijd bij een master. Wilt u de Regular-contour aanpassen, selecteer dan eerst de Regular-master.
Het paneel Variaties met de Weight-schuifregelaar halverwege, met een geïnterpoleerde glyph tussen Regular en Bold.
Het webfont testen
Spelen met de Weight-schuifregelaar is leuk, maar werkt het ook buiten FontCreator?
Kies in het hoofdmenu Font → Test Web Lettertype (of druk op Ctrl+F5). FontCreator exporteert het variabele lettertype samen met een webpagina en opent die in uw standaardbrowser, zodat u kunt vaststellen dat de interpolatie in een echte omgeving werkt.
Compatibiliteitsproblemen
Interpolatie werkt alleen als de contourlagen compatibel zijn. Voor elke glyph moeten de contourlagen hetzelfde aantal contouren hebben, in dezelfde volgorde, met hetzelfde aantal punten. Bij samengestelde glyphs moeten de onderdelen overeenkomen.
FontCreator kan de basisproblemen zelf oplossen:
- Selecteer alle glyphs in het paneel Lettertype-overzicht.
- Klik bovenaan het paneel Masters en Lagen op de werkbalkknop Fix.
Waarschijnlijk hebben sommige glyphs nog problemen. Pas die contouren met de hand aan:
- Dubbelklik op een glyph om die in een Glyph-paneel te openen. Het paneel Masters en Lagen geeft nu aanwijzingen over het soort compatibiliteitsprobleem.
- Zet de werkbalkknop Show compatibility issues aan (ook in het paneel Masters en Lagen), zodat u precies ziet wat er moet worden gecorrigeerd.
Een glyph geopend in het Glyph-paneel met Show compatibility issues aan, waarbij het paneel Masters en Lagen de afwijking opsomt.
Alle compatibiliteitsproblemen moeten worden opgelost, anders krijgt u een lettertype met glyphs die niet correct interpoleren. Zorgvuldig compatibiliteit herstellen is de kern van een werkend variabel lettertype — er is een aparte handleiding over, zie het overzicht hieronder.
Benoemde instances
Haal het meeste uit uw variabele lettertype door named instances toe te voegen. Named instances geven toepassingen die variabele lettertypen ondersteunen bekende stijlen zoals Regular, Medium en Bold. Voor betrouwbaar gebruik in toepassingen zonder ondersteuning voor variabele lettertypen exporteert u de gewenste instances als afzonderlijke statische lettertypen.
Ga naar het tabblad Instances in het paneel Lettertype-eigenschappen. Werk de aslocatie van de Default-instance bij (400) en voeg daarna instances toe met de gewichten 500, 600 en 700, elk met een unieke Style Name.
Hoewel het voor het variabele lettertype zelf niet nodig is, geeft u ook de juiste waarden voor Gewichtsklasse en Breedteklasse op. Die zijn van belang als u deze instances als niet-variabele lettertypen exporteert — u krijgt ze dus bijna gratis.
Aswaarden
Nog iets wat de moeite waard is: geef namen aan specifieke posities op een as (of aan een combinatie van assen). Voeg aswaarden toe die overeenkomen met de aslocaties van uw named instances — dus 400, 500, 600 en 700. Vink daarnaast Elidable axis value name aan voor de aswaarde Regular (400), omdat die het normale gewicht vertegenwoordigt.
Het variabele lettertype exporteren
Zijn de masters compatibel en de instances gedefinieerd, exporteer dan het lettertype zelf. Open Font Exporteerinstellingen, zet Export op Variable font en kies uw Contourformaat — kies TrueType-contouren voor de breedste compatibiliteit. Kies CFF2 alleen als u specifiek PostScript-/kubische contouren wilt en uw doelsoftware CFF2 ondersteunt. Exporteer en test het bestand daarna in uw doeltoepassingen — en gebruik, zoals hierboven, Test Web Lettertype voor een snelle controle in de browser.
> Tip: voer Test Web Lettertype opnieuw uit na elke ronde compatibiliteitscorrecties. Dat is de snelste manier om een glyph te vinden die in het voorbeeld van FontCreator netjes interpoleert maar zich in een echte renderer misdraagt.
Problemen oplossen
| Symptoom | Waarschijnlijke oorzaak | Oplossing |
|---|---|---|
| Rode koptekst bij glyphs in Lettertype-overzicht | De contourlagen zijn niet compatibel | Selecteer alle glyphs, klik op Fix en corrigeer de rest met de hand |
| De Variaties-schuifregelaar doet niets | Het paneel Variaties is verborgen of er is geen tweede master toegevoegd | Toon het paneel Variaties (Ctrl+F7) en controleer de Bold-master en zijn aslocatie |
| Een glyph vervormt halverwege de schuifregelaar | De puntvolgorde of het aantal punten verschilt tussen de masters | Open de glyph, zet Show compatibility issues aan en laat de contouren overeenkomen |
| Named instances ontbreken in andere programma’s | De instances zijn niet gedefinieerd of de aslocaties zijn verkeerd | Voeg instances toe op het tabblad Instances met de juiste aslocaties |
Veelgestelde vragen
Heb ik aparte lettertypen nodig om te beginnen, of kan ik masters in één bestand tekenen? Beide werken. Deze handleiding combineert twee bestaande statische lettertypen; u kunt ook assen en masters binnen één bestand toevoegen en elke master direct tekenen.
Wat betekent “compatibel” voor interpolatie? De masters van elke glyph moeten hetzelfde aantal contouren, dezelfde contourvolgorde en hetzelfde aantal punten hebben (en bij samengestelde glyphs overeenkomende onderdelen). Zo niet, dan kan die glyph niet interpoleren.
CFF2- of TrueType-contouren voor een variabel lettertype? Kies TrueType-contouren voor brede compatibiliteit. CFF2 is de compacte kubische/PostScript-optie, maar vereist software die CFF2 begrijpt en is minder geschikt als u oudere of bredere ondersteuning nodig hebt.
Waarom named instances toevoegen als het lettertype variabel is? Toepassingen die variabele lettertypen ondersteunen tonen named instances als bekende stijlen zoals Regular, Medium en Bold. Software zonder die ondersteuning gebruikt alleen de default-instance, dus exporteer de gewenste stijlen als afzonderlijke statische lettertypen voor betrouwbaar gebruik in oudere programma’s.
Hoe bekijk ik een gewicht vóór het exporteren? Gebruik de Weight-schuifregelaar in het paneel Variaties en kies Font → Test Web Lettertype (Ctrl+F5) om te bevestigen dat het in een browser werkt.
Wat u hierna kunt lezen
Deze pagina is het startpunt voor variabele lettertypen in FontCreator. Vanaf hier:
- Compatibiliteit tussen masters herstellen — los glyphs met een rode koptekst op zodat elke glyph netjes interpoleert. Begin hier als Fix niet alles ving.
- Named instances en statische export — definieer instances en exporteer ze als afzonderlijke statische lettertypen voor oudere programma’s.
- Variabele lettertypen subsetten — lever een kleiner bestand door glyphs en asbereiken weg te laten die u niet nodig hebt.
- Glyphs wisselen met feature variations — wissel glyphvormen op specifieke punten langs een as (bijvoorbeeld een zwaardere komma bij hoge gewichten).
- Variabele contextuele kerning — laat de kerning zelf meevariëren over de design space.
