What fonts does freeCodeCamp use?

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

freeCodeCamp website design referenceOpen full freeCodeCamp reference →

Observed typography

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

How the page is built

freeCodeCamp's captured homepage has 13 sections and 4 inner pages.

  • 6 content
  • 2 features
  • 1 faq
  • 1 footer
  • 1 hero
  • 1 logos
  • 1 testimonials

Other sites that use this pair

12 other captured sites use this same pair of fonts.

Captured colors

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

  • #f5f6f7
  • #1b1b32
  • #feac32
  • #3b3b4f
  • #dfdfe2
  • #ffffff

Styles recorded: Light.

Same category, same heading font

2 of the 87 other captured Education sites in this library use Lato for headings.

freeCodeCamp'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?

freeCodeCamp sets headings and body in Lato, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

freeCodeCamp fonts — FAQ

What font does freeCodeCamp use?

freeCodeCamp uses Lato for headings and Lato for body copy in the captured homepage.

Is Lato free to use?

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

What colors and sections were captured for freeCodeCamp?

6 colors (#f5f6f7, #1b1b32, #feac32, #3b3b4f, #dfdfe2, #ffffff) and 13 homepage sections, with 4 inner pages.

Which other sites use Lato and Lato?

12 other captured sites use 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