Magra, system-ui, sans-serif

700

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890-~!@#$%^&*()_

Open Sans Condensed, system-ui, sans-serif

300

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890-~!@#$%^&*()_

Everyone Is Genuinely Confused About Why This Heading Is Making People Freak Out

Perhaps the hardest part of breaking down the font selection process is understanding which parts are more subjective and which parts are more objective. After reading and digesting your client’s text, it is easier to start with the objective aspects of typeface selection because they — by default — make subjective decisions for us.

Augue eget arcu dictum varius. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Est ante in nibh mauris cursus mattis molestie. Condimentum mattis pellentesque id nibh tortor id.

Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit. Vehicula ipsum a arcu cursus vitae congue mauris rhoncus aenean. In arcu cursus euismod quis. In pellentesque massa placerat duis ultricies lacus sed.

{
  "fonts": {
    "body": "Open Sans Condensed, system-ui, sans-serif",
    "heading": "Magra, system-ui, sans-serif"
  },
  "lineHeights": {
    "body": 1.95,
    "heading": 1.2
  },
  "fontWeights": {
    "body": "300",
    "heading": "700"
  },
  "metadata": {
    "fontLinkHref": null
  }
}

Typefaces

Heading
1.2

Text
1.95