What fonts does Codecademy use?

Measured from the captured homepage: Apercu for headings and Apercu for body copy.

Codecademy website design referenceOpen full Codecademy reference →

Observed typography

Heading font
Apercu
Body font
Apercu
System
One family across both roles

How the page is built

Codecademy's captured homepage has 41 sections and 8 inner pages.

  • 16 features
  • 14 content
  • 4 cta
  • 2 faq
  • 2 how-it-works
  • 1 logos
  • 1 pricing
  • 1 showcase

Other sites that use this pair

1 other captured site uses this same pair of fonts.

Captured colors

The captured homepage uses these 6 colors, in capture order.

  • #000000
  • #ffffff
  • #10162f
  • #ffd300
  • #0a0d1c
  • #484848

Styles recorded: Light.

Same category, same heading font

0 of the 87 other captured Education sites in this library use Apercu for headings.

Codecademy's website font choices

Captured September 22, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.

A single family or a two-font system?

Codecademy sets headings and body in Apercu, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Codecademy fonts — FAQ

What font does Codecademy use?

Codecademy uses Apercu for headings and Apercu for body copy in the captured homepage.

Is Apercu free to use?

Check the foundry license for Apercu before shipping it. This page records what appeared on Codecademy's site and grants no reuse rights.

What colors and sections were captured for Codecademy?

6 colors (#000000, #ffffff, #10162f, #ffd300, #0a0d1c, #484848) and 41 homepage sections, with 8 inner pages.

Which other sites use Apercu and Apercu?

1 other captured site uses this same pair of fonts. The links on this page go to the first ones in library order.

Fonts come from the rendered capture and may change when the site does. Library methodology