My website: Typography

About the typefaces used in this website and the responsive typographical scale in use.

This meta-page was published on May 19, 2019 and and last updated on Dec 19, 2022

Scaling

I am using a fluid proportional type scale.

More details in Docs Styling.

Typefaces

I am sticking to a sans/serif combination.

Headings: Mulish

Used for headings, "branded" copy, and navigation items.
Used in 600 and 900 weights.

Get Mulish on fonts.google.com.

Headings (weight 900)

h1: Lorem ipsum dolor

h2: Lorem ipsum dolor sit amet

h3: Lorem ipsum dolor sit amet

h4: Lorem ipsum dolor sit amet

Branded copy (weight 900)

André Torgal

Navigation items (weight 600)

Section

Body: Source Serif Pro

Used for body text.
Used in 400 and 600 weights.

Get Source Serif Pro on fonts.google.com.

To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it.

And I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.

Because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because_occasionally circumstances occur in which toil and pain can procure him some great pleasure.