Stylepack

Fonts

The fonts situationnormal.co uses

situationnormal.co sets its headlines and body text in EB Garamond. EB Garamond is a free Google Font, so you can use the same face.

Measured from situationnormal.co 4 days ago.

Open the full design packDownload the pack

Font families

1 family
EB Garamond
Used for
h1, h2, body
Source
Google Fonts
Free alternative
Already free

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

fonts.css
:root {
  --font-heading: "EB Garamond", sans-serif;
  --font-body: "EB Garamond", sans-serif;
  --font-size-base: 16px;
}

How the type is set

headline-displayQuick brown foxEB Garamond / 46px / 400 / lh 55.2px / -1px
headline-lgQuick brown foxEB Garamond / 28px / 400 / lh 33.6px / -0.28px
headline-mdQuick brown foxEB Garamond / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogEB Garamond / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogEB Garamond / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogEB Garamond / 14px / 400 / lh 1.4
Font sizes in use
14162846

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

Questions

What font does situationnormal.co use?

situationnormal.co uses EB Garamond. Headlines are set in EB Garamond and body text in EB Garamond, measured from the site as it renders, not read from its stylesheet.

Is the situationnormal.co font free to use?

Yes. EB Garamond can be used in your own site without buying a license: load it from Google Fonts, or rely on the system font where that is what situationnormal.co uses.

How do I get the same typography as situationnormal.co in my project?

Download the situationnormal.co design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.