Coda

Coda uitproberen

Gewichten en stijlen

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

Over Coda

Coda is een sans-serif-displayfamilie waarvan de ronde letters als afgeronde rechthoeken zijn getekend. In het specimen is Regular smal en rechtopstaand, met o, c en e met platte zijden, rechte lijneinden en een procentteken dat uit twee kleine vakjes is opgebouwd; ExtraBold is veel zwaarder en breder, met piepkleine binnenruimtes, en leest als een blok. De officiële toelichting legt de tweedeling uit: de zwaarste snit is gemaakt als een eenvoudig, praktisch displayfont voor het web, om groot te zetten waar informatie hard moet aankomen, en Regular begeleidt die in tekst en display. De familie heeft daarom twee gewichten en geen cursieven, en is geen variabel font. De 393 glyphs omvatten Latin en Latin Extended. Vernon Adams is de ontwerper, en de copyrightvermelding reserveert de namen Coda en Coda Caption. Coda wordt uitgebracht onder de SIL Open Font License 1.1.

Waar Coda goed werkt

Grote koppen op het web

ExtraBold 800 is hiervoor getekend: een paar zware, blokkerige woorden bovenaan een pagina.

Banners en uitroepen

Piepkleine binnenruimtes en brede lijnen maken dat een prijs, een datum of een enkel woord een banner domineert.

Titels voor tech- en gamingpagina’s

De vormen van o, c en e als afgeronde rechthoeken geven koppen een machinaal, vierkant uiterlijk.

Labels en korte tekst

Regular 400 is smal en gelijkmatig, en kan daardoor naast de zware snit navigatie-items, bijschriften en korte alinea’s aan.

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

Tekensets in de bestanden: 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 Coda

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

Coda 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: "Coda";
  src: url("/assets/fonts/Coda-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

Of laad het vanaf de officiële bron. Google Fonts levert Coda 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=Coda:wght@400;800&display=swap" rel="stylesheet">

Goed om te weten

Niets tussen 400 en 800

Coda springt van Regular rechtstreeks naar ExtraBold. Er is geen medium of bold ertussen.

Geen cursief

Beide stijlen zijn rechtopstaand.

Gereserveerde fontnamen

De copyrightvermelding reserveert Coda en Coda Caption, dus gewijzigde versies hebben een andere naam nodig.

Veelgestelde vragen

Vergelijkbare fonts

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