What fonts does Josh Comeau use?

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

Josh Comeau website design referenceOpen full Josh Comeau reference →

Observed typography

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

How the page is built

Josh Comeau's captured homepage has 13 sections and 7 inner pages.

  • 9 content
  • 2 footer
  • 1 faq
  • 1 hero

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.

  • #a0d4ee
  • #0a0c10
  • #262d40
  • #5a6072
  • #294e60
  • #e60067

Styles recorded: Light, Colorful.

Same category, same heading font

1 of the 58 other captured Portfolio sites in this library use Wotfard for headings.

Josh Comeau's website font choices

Captured September 25, 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?

Josh Comeau sets headings and body in Wotfard, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Josh Comeau fonts — FAQ

What font does Josh Comeau use?

Josh Comeau uses Wotfard for headings and Wotfard for body copy in the captured homepage.

Is Wotfard free to use?

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

What colors and sections were captured for Josh Comeau?

6 colors (#a0d4ee, #0a0c10, #262d40, #5a6072, #294e60, #e60067) and 13 homepage sections, with 7 inner pages.

Which other sites use Wotfard and Wotfard?

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