Skip to content

Meta

My website: Typography

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


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.


Go back to top of the page