Leg voor elke campagnetaal vast welke lettertypen je gebruikt

We testten Lato, Montserrat, Noto Sans, Noto Sans JP, Noto Sans Thai, Playfair Display, Poppins en Roboto. Elke familie werd gebruikt met normaal gewicht 400 en vet gewicht 700, voor Engelse, Spaanse, Franse, Duitse, Nederlandse, Indonesische, Maleise, Tagalog, Thaise en Japanse tekst. Eén geval is één combinatie van familie, gewicht en taal, met een kop, een ondersteunende zin en een oproep tot actie.

De eerste versie noemde het te testen lettertype, gevolgd door een generieke terugvaloptie: serif voor Playfair Display en sans-serif voor de andere zeven. Zo’n generieke optie laat de browser een geschikt lettertype zoeken dat op de computer is geïnstalleerd. Ze verwijst niet naar een bepaald bestand dat het merk heeft meegeleverd.^[2]

Per familie waren er 20 gevallen, in totaal 160. Zes families gebruikten in vier gevallen een geïnstalleerd lettertype: beide gewichten van de Thaise en Japanse teksten. Noto Sans JP gebruikte een geïnstalleerd lettertype in de twee Thaise gevallen; Noto Sans Thai deed dat in de twee Japanse gevallen. Alle geteste teksten in Latijns schrift bleven binnen de opgegeven familie.

De aantallen beschrijven deze gekozen teksten en bestanden. We vergeleken bewust een beperkte selectie, met twee families voor specifieke schriften. We namen geen representatieve steekproef van merklettertypen en testten niet elk teken dat een taal kan vereisen. Een productnaam, valutasymbool of latere kop kan tekens toevoegen die in onze proeftekst ontbreken.

Voor de bijbehorende tweede versie hielden we het te testen lettertype vooraan en voegden we een expliciet aanvullend lettertype toe, vóór dezelfde generieke terugvaloptie. We gebruikten Noto Sans voor de acht teksten in Latijns schrift, Noto Sans Thai voor Thai en Noto Sans JP voor Japans. Als het eerste en aanvullende lettertype dezelfde familie waren, namen we die maar één keer op.

Geen van de 160 tweede versies gebruikte een geïnstalleerd lettertype. In 28 gevallen nam een vastgelegd aanvullend bestand het werk van de geïnstalleerde terugvaloptie over. In de andere 132 bleef de eerste familie alle drie de velden verzorgen. Een aanvullend lettertype breidde het oorspronkelijke bestand dus niet uit; het legde vast welk ander bestand de browser kon gebruiken.

De voorbeelden met Lato maken dit concreet. Bij beide geteste gewichten werd de Thaise kop in de generieke versie weergegeven door de geïnstalleerde familie Thonburi en in de aanvullende versie door Noto Sans Thai. De Japanse kop ging van Hiragino Kaku Gothic ProN naar Noto Sans JP. De Engelse en Franse voorbeelden bleven door Lato weergegeven.

Playfair Display laat zien waarom een aanvullend lettertype ook een ontwerpkeuze vraagt. De Japanse kop gebruikte Hiragino Mincho ProN met de generieke optie serif. Ons expliciete aanvullende lettertype Noto Sans JP verving dat door een schreefloze familie. We stelden vast welk bestand de tekst weergaf, niet dat deze combinatie het bedoelde visuele karakter behield.

Een bedrijf kan zijn merklettertype voor Latijns schrift behouden en bewust een aanvulling kiezen voor een ander schrift. Een creator kan die combinatie vervolgens meenemen naar de volgende uiting. Het gaat erom die keuze zichtbaar te maken in de briefing. Onze aanvullingen zijn functionele voorbeelden, geen esthetische aanbevelingen voor elk merk.

Begin met de woorden die daadwerkelijk worden gepubliceerd. Neem de kop, de ondersteunende zin en de actietekst op, en voeg productnamen, prijzen of andere belangrijke tekst uit de echte campagne toe. Een mooi alfabetvoorbeeld vervangt niet de controle van die woorden op de plek waar ze komen te staan.

Leg vervolgens per taal de bestanden en gewichten vast. De gewone lopende tekst en de vette kop vragen elk een eigen controle. In ons experiment waren 400 en 700 beschikbaar in originele rechtopstaande lettertypebestanden of via de assen van een variabel lettertype. Kunstmatig vet maken was uitgeschakeld. Alleen een vet ogend voorbeeld zou die voorwaarden niet aantonen.

Vraag bij webtekst op een webpagina om het werkelijk gebruikte lettertype te controleren, niet alleen de opgegeven familie. Chrome toont dit onder Elements, Computed, Rendered Fonts. De documentatie maakt ook onderscheid tussen een lokaal geïnstalleerd lettertype en een bestand dat via het web is aangeleverd. Dat is relevant wanneer ontwerper en ontwikkelaar verschillende versies beschikbaar hebben.^[3]

Lees daarna de compositie als geheel. Bekijk de verhouding tussen kop en lopende tekst, de actietekst, regelafbrekingen en witruimte. Controleer of de lokale formulering volledig en natuurlijk blijft. Weten welk lettertype wordt gebruikt, zegt nog niet of de tekst goed is opgemaakt. Houd de taal- en ontwerpbeoordeling daarom bij elkaar.

Dit kan een kort overleg zijn tussen degene die de uiting bestelt en degene die haar maakt. Het bruikbare bewijs is een duidelijk herkenbare versie met de bedoelde tekst en de werkelijke weergave. De goedkeuring kan dan naar die versie verwijzen, in plaats van de volgende persoon te laten uitzoeken wat “gebruik ons merklettertype” betekende.

Maak één onderdeel per taal en aanleverformaat. Vul de briefing na de vertaalcontrole met de campagnetekst en bewaar haar bij het bestand of bewerkbare sjabloon. Het downloadpakket bevat een werkblad in elke taal van dit artikel; ook de onderstaande velden kun je zonder registratie overnemen.

Campagne en taal: [Vermeld de campagne, taal en beoogde doelgroep.] Geef aan of het gaat om een socialmedia-afbeelding, een bewerkbaar sjabloon voor een creator of webtekst op een webpagina. Verschillende bestanden kunnen dezelfde visuele richting volgen en toch andere productiecontroles nodig hebben.

Goedgekeurde tekst: [Plak de exacte kop, lopende tekst en actietekst.] Neem alle overige zichtbare tekst mee die beoordeeld moet worden. Vermeld welke tekstversie is goedgekeurd, zodat een latere wijziging in een productnaam of aanbod aanleiding geeft om die tekst opnieuw te bekijken.

Lettertypekeuze: [Vermeld het eerste en eventuele aanvullende lettertype, het exacte bestand of de versie en het gewenste gewicht per tekstfunctie.] Geef aan voor welke taal of welk schrift de aanvulling bedoeld is. Bewaar de bron en toepasselijke licentie bij de overdracht; vertrouw niet alleen op een familienaam.

Weergavecontrole: [Noteer de toepassing of browser, de versie en het platform, plus het werkelijk gebruikte lettertype voor de relevante tekst.] Maak bij een webpagina onderscheid tussen de opgegeven en weergegeven familie. Verschijnt een ander lettertype, bepaal dan vóór goedkeuring of dat een bedoelde aanvulling is.

Controle van de uiteindelijke versie: [Link naar het geëxporteerde bestand of de live pagina en de bewerkbare bron.] Noteer de beoordeelde afmetingen of plaatsingen en eventuele aandachtspunten bij regelafbrekingen. Controleer of de uiteindelijke tekst volledig is en de visuele hiërarchie in de aangeleverde versie nog werkt.

Goedkeuring en volgende wijziging: [Vermeld de beoordelaar en de goedgekeurde versie.] Leg vast wie een gewijzigde kop, gewicht, lettertypebestand of aanleverformaat opnieuw controleert. Een bruikbare overdracht maakt de volgende kleine aanpassing eenvoudig, zonder een eerdere Engelse goedkeuring als toestemming voor elke latere taal te behandelen.

Terug naar het fictieve kledingbedrijf. De Engelse kop luidt “Find your next favorite piece.” De ondersteunende zin introduceert een collectie in verschillende kleuren en maten, gevolgd door “View the collection.” Dit zijn de Engelse woorden uit onze proeftekst. Ze illustreren hier een overdracht en zijn geen echte advertentie.

In de fictieve briefing vraagt het bedrijf om Lato met gewicht 700 voor de kop en 400 voor de ondersteunende tekst en actietekst. De creator moet een campagneafbeelding maken in het Engels, Thai en Japans; de ontwikkelaar heeft overeenkomstige webtekst nodig voor een landingspagina. De aanleverformaten staan vast voordat iemand één voorbeeld als goedkeuring voor alle versies behandelt.

Voor de Thaise webversie noemt de briefing Lato als eerste familie en Noto Sans Thai als expliciete aanvulling. De Japanse versie noemt Lato, gevolgd door Noto Sans JP. Het echte onderzoek ondersteunt die combinaties voor de exacte proeftekst bij beide geteste gewichten in onze omgeving. Het fictieve team beoordeelt de compositie nog steeds op de eigen gewenste uitstraling.

De overdracht aan de creator bevat de lokale tekst, de gekozen bestanden en de bedoelde gewichten. De ontwikkelaar noteert welke families op de echte landingspagina worden weergegeven. Het bedrijf beoordeelt de voltooide afbeelding afzonderlijk. Zo krijgt iedere persoon een concreet te controleren resultaat, in plaats van iedereen een onduidelijke instelling met een familienaam te laten goedkeuren.

Stel dat de fictieve campagne later een productnaam aan de kop toevoegt. De tekst verandert, dus het team controleert die regel opnieuw in de betreffende uiting en op de live pagina. Daarvoor hoeft het ons experiment met acht families niet te herhalen. Het moet vaststellen dat de gewijzigde tekst nog wordt weergegeven en opgemaakt zoals bedoeld.

De briefing beantwoordt nu de vragen die het oorspronkelijke Engelse ontwerp openliet: welke woorden, welke aanvulling, welk gewicht en welke aangeleverde versie? Dit maakt de productieoverdracht concreter. We hebben niet getest of de combinatie aandacht, leesvoorkeur, klikken of verkoop verhoogt.

Een afgevlakte afbeelding en een bewerkbare pagina dragen typografie op verschillende manieren over. In een PNG-campagneafbeelding zijn de lettervormen onderdeel van het rasterbeeld. Bij het bekijken hoeft de browser die vormen niet opnieuw op te bouwen vanuit de lettertype-instelling van de maker. De PNG-specificatie beschrijft dit op pixels gebaseerde formaat.^[4]

Daarom moet je voor de afbeelding het geëxporteerde bestand visueel controleren. Open de versie die daadwerkelijk wordt aangeleverd en lees haar op de beoogde weergavegrootte. Controleer na export de uitsnede, ontbrekende tekst, spatiëring en regelafbrekingen. Een bewerkbaar ontwerp dat eerder goed oogde, is niet het uiteindelijke bestand dat de doelgroep ontvangt.

Een bewerkbaar sjabloon staat nog een overdracht te wachten. De ontvanger kan een zin vervangen, een gewicht wijzigen of het ontwerp in een andere omgeving openen. Voeg de lettertypegegevens en goedgekeurde tekst aan de bron toe, zodat de volgende persoon het gewijzigde resultaat kan controleren. Een schermafbeelding van een eerdere versie bewijst niet hoe een latere versie wordt weergegeven.

Webtekst vraagt om een controle op de pagina waar zij wordt aangeboden. Een familienaam in de stylesheet is een verzoek; informatie over de gerenderde lettertypen laat zien wat de browser voor de gekozen tekst heeft gebruikt. Onze gecontroleerde resultaten tonen dat deze kunnen verschillen, ook wanneer het bedoelde bestand goed is geladen. Alleen op laadfouten controleren zou onze 28 gevallen met een geïnstalleerd terugvallettertype dus hebben gemist.

Alle webtekst in afbeeldingen omzetten is geen oplossing. Tekst die tekst blijft, kan aanpassingen in de presentatie ondersteunen. De toegankelijkheidsrichtlijnen van W3C geven doorgaans de voorkeur aan tekst boven afbeeldingen van tekst als dezelfde presentatie mogelijk is, met aangegeven uitzonderingen. Houd een bruikbare tekstversie beschikbaar en maak de lettertypeoverdracht duidelijker.^[5]

Voor een bedrijf dat één campagne via meerdere kanalen verspreidt, beoordeel je telkens het relevante bestand: de geëxporteerde afbeelding, de bewerkbare bron voor de creator en de live pagina voor de ontwikkelaar. Zo blijft dezelfde bedoelde boodschap verbonden met de vorm die mensen daadwerkelijk krijgen, zonder aan te nemen dat elk hulpmiddel dezelfde weergave kiest.

We selecteerden bewust acht families en legden de oorspronkelijke volledige TTF-bestanden vast uit de Google Fonts-repository op commit 47d54ca1ebb14fd864695f1d39dc734f39017c33. Het ging om tien bestanden, omdat Lato en Poppins hier aparte bestanden voor normaal en vet hebben. De andere zes gebruiken variabele bestanden. Het bronmanifest bevat hun hashes, versies en licentielinks.^[6]

We schreven een fictieve kop, ondersteunende zin en actietekst voor een kledingcollectie. Vóór de meting vertaalden en beoordeelden we dezelfde betekenis in tien talen. Elke familie kreeg per taal dezelfde drie teksten. De 160 oorspronkelijke en 160 aanvullende combinaties leverden 960 afzonderlijke tekstblokken op. Geen daarvan is uitgesloten van de resultaten.

De geïsoleerde browsertest gebruikte Chrome 148.0.7778.97 op macOS 26.5.1. De vastgelegde bestanden werden rechtstreeks geladen, zonder vervanging door lokale bestanden, met normale stijl, expliciete gewichten 400 en 700, standaardbreedte, uitgeschakelde optische grootteaanpassing en zonder kunstmatig gegenereerde letterstijlen. Alle tien bestanden werden goed geladen en kwamen overeen met hun verwachte hashes.

Voor elk tekstblok gaf Chrome via zijn eigen methode voor gerenderde lettertypen de werkelijk gebruikte familie, PostScript-naam en indicatie of het lettertype afzonderlijk was aangeleverd. We vergeleken deze gegevens met de bronbestanden en controleerden daarnaast tekenkoppelingen en de vorming van glyphs. De glyph-aantallen van de browser blijven beschikbaar als technisch bewijs; we rekenen ze niet om naar percentages van tekens.^[7]

Een geval telt als gebruik van een geïnstalleerd lettertype zodra minstens één van de drie velden dat gebruikte. Bij een geval met alleen de eerste familie verzorgde die familie alle drie de velden. De vergelijking verandert de terugvalvolgorde, terwijl tekst, eerste familie en gevraagd gewicht gelijk blijven. Veertien Thaise en veertien Japanse gevallen vormen samen alle 28 oorspronkelijke gevallen met een geïnstalleerd lettertype.

De bevindingen gelden voor deze exacte bestanden, zinnen en omgeving. We hebben geen volledige taaldekking, identieke resultaten op andere platforms of de weergave van Google Fonts-API-subsets vastgesteld. Het downloadpakket bewaart de gegevens per geval, bronverwijzingen en berekeningen. Het reproductiescript controleert de aantallen op basis van opgeslagen metingen; het voert geen nieuw browserexperiment uit.^[1]