What fonts does The Ordinary use?

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

The Ordinary website design referenceOpen full The Ordinary reference →

Observed typography

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

How the page is built

The Ordinary's captured homepage has 32 sections and 8 inner pages.

  • 21 content
  • 4 features
  • 2 about
  • 2 testimonials
  • 1 blog
  • 1 faq
  • 1 footer

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.

  • #ffffff
  • #000000
  • #333333
  • #22121f
  • #212529
  • #757575

Styles recorded: Light.

Same category, same heading font

0 of the 194 other captured Fashion & Beauty sites in this library use Raleway for headings.

The Ordinary'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?

The Ordinary sets headings and body in Raleway, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

The Ordinary fonts — FAQ

What font does The Ordinary use?

The Ordinary uses Raleway for headings and Raleway for body copy in the captured homepage.

Is Raleway free to use?

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

What colors and sections were captured for The Ordinary?

6 colors (#ffffff, #000000, #333333, #22121f, #212529, #757575) and 32 homepage sections, with 8 inner pages.

Which other sites use Raleway and Raleway?

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