Cairo Play

Cairo Play uitproberen

Gewichten en stijlen

• ExtraLight 200Cairo Play ExtraLight
• Light 300Cairo Play Light
• Regular 400Cairo Play Regular
• Medium 500Cairo Play Medium
• SemiBold 600Cairo Play SemiBold
• Bold 700Cairo Play Bold
• ExtraBold 800Cairo Play ExtraBold
• Black 900Cairo Play Black

Cairo Play is een variabel font: de download bevat het hele gewichtsbereik in één bestand, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Cairo Play

Cairo Play is een sans serif-kleurenfont dat is afgeleid van Cairo. De officiële beschrijving noemt het een versie van Cairo met gekleurde tekens, gebouwd met de fonttabellen COLRv0 en CPAL, zodat de kleuren in het fontbestand zelf zitten. Qua opbouw volgt het zijn voorganger: een Arabisch en Latijns ontwerp waarvan de Latijnse letters, zoals het specimen laat zien, iets smal zijn, met vierkante bogen, vlakke lijneinden en een laag contrast. Het ene variabele bestand heeft een gewichtsas van 200 tot 1000, met acht benoemde instanties van ExtraLight 200 tot Black 900, en een helling-as van −11 tot 11 in plaats van aparte cursieve bestanden. Het bevat 1.898 glyphs in de subsets Arabisch, Latin en Latin Extended. Mohamed Gaber en Accademia di Belle Arti di Urbino staan vermeld, en de licentie is de SIL Open Font License 1.1.

Waar Cairo Play goed werkt

Arabische koppen met gekleurde tekens

De tekens zijn opgeslagen als kleurlagen, dus een kop met tekens krijgt een tweede kleur zonder handmatig bewerken.

Onderwijs- en leesmateriaal

Gekleurde tekens vallen op tegen de basisletters, wat helpt op pagina’s waar juist die tekens worden aangeleerd.

Tweetalige merkuitingen

Arabisch en Latin delen één ontwerp, en de gewichtsas reikt tot een zware Black voor korte titels op sociale media.

Titels voor animatie en interactie

Een gewicht van 200 tot 1000 en een helling van −11 tot 11 zijn vanuit één variabel bestand te animeren.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch

Schriftsystemen naast het Latijnse waarvoor de familie glyphs heeft: Arabisch. Dit zijn schriften, geen belofte voor elke taal die erin wordt geschreven.

Tekensets in de bestanden: arabic, latin, latin-ext. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Cairo Play

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Cairo Play op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

@font-face {
  font-family: "Cairo Play";
  src: url("/assets/fonts/CairoPlay-VariableFont_slnt%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cairo Play", sans-serif;
}

Of laad het vanaf de officiële bron. Google Fonts levert Cairo Play met deze code:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo+Play:wght@200..1000&display=swap" rel="stylesheet">

Goed om te weten

Kleur vraagt COLRv0-ondersteuning

De kleuren zitten in COLR- en CPAL-tabellen. Software die deze niet leest, toont de glyphs in één kleur.

Helling-as in plaats van cursief

Er zijn geen cursieve bestanden. De helling-as laat de letters tot 11 graden naar beide kanten hellen.

De as gaat verder dan de benoemde gewichten

De acht benoemde instanties stoppen bij Black 900, terwijl de gewichtsas zelf doorloopt tot 1000.

Veelgestelde vragen

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl sans serif