What fonts does ETH Zurich use?

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

ETH Zurich website design referenceOpen full ETH Zurich reference →

Observed typography

Heading font
DIN Pro
Body font
DIN Pro
System
One family across both roles

How the page is built

ETH Zurich's captured homepage has 12 sections and 0 inner pages.

  • 5 features
  • 4 content
  • 1 about
  • 1 blog
  • 1 footer

Other sites that use this pair

No other captured site in this library uses this same pair of fonts.

Captured colors

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

  • #ffffff
  • #000000
  • #222222
  • #007894

Styles recorded: Light.

Same category, same heading font

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

ETH Zurich's website font choices

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

ETH Zurich sets headings and body in DIN Pro, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

ETH Zurich fonts — FAQ

What font does ETH Zurich use?

ETH Zurich uses DIN Pro for headings and DIN Pro for body copy in the captured homepage.

Is DIN Pro free to use?

Check the foundry license for DIN Pro before shipping it. This page records what appeared on ETH Zurich's site and grants no reuse rights.

What colors and sections were captured for ETH Zurich?

4 colors (#ffffff, #000000, #222222, #007894) and 12 homepage sections, with 0 inner pages.

Which other sites use DIN Pro and DIN Pro?

No other captured site in this library uses this same pair of fonts.

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