Coda

Try Coda

Weights and styles

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

About Coda

Coda is a sans serif display family whose round letters are drawn as rounded rectangles. In the specimen the Regular is narrow and upright with flat-sided o, c and e, straight stroke endings and a percent sign built from two small boxes; the ExtraBold is far heavier and wider, with tiny counters, and reads as a block. The official notes explain the split: the heaviest cut was made as a plain, practical display font for the web, to be set large where information has to hit hard, and the Regular accompanies it in text and display settings. The family therefore has two weights and no italics, and is not a variable font. Its 393 glyphs cover Latin and Latin Extended. Vernon Adams is the designer, and the copyright notice reserves the names Coda and Coda Caption. Coda is published under the SIL Open Font License 1.1.

Where Coda works

Large web headlines

ExtraBold 800 was drawn for this: a few heavy, blocky words at the top of a page.

Banners and call-outs

Tiny counters and broad strokes make a price, a date or a single word dominate a banner.

Titles for tech and gaming pages

The rounded-rectangle shapes of o, c and e give headings a machined, squared look.

Labels and short text

Regular 400 is narrow and even, so it handles navigation items, captions and brief paragraphs beside the heavy cut.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian

Character sets found in the files: latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Coda

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Coda on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@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;
}

Or load it from the official source. Google Fonts serves Coda with this markup:

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

Things to know

Nothing between 400 and 800

Coda jumps from Regular straight to ExtraBold. There is no medium or bold step in between.

No italic

Both styles are upright.

Reserved Font Names

The copyright notice reserves Coda and Coda Caption, so modified versions need a different name.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All display fonts