Stylepack

Czcionki

Czcionki, których używa situationnormal.co

situationnormal.co składa nagłówki i tekst w czcionce EB Garamond. EB Garamond to darmowa czcionka z Google Fonts, więc możesz użyć dokładnie tej samej.

Zmierzono na situationnormal.co 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 1
EB Garamond
Użycie
h1, h2, body
Źródło
Google Fonts
Darmowy zamiennik
Już darmowa

CSS do odtworzenia

Zmienne czcionek z darmowym zamiennikiem w stosie, więc ten sam CSS działa z licencjonowaną czcionką i bez niej.

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

Jak składany jest tekst

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
Używane rozmiary czcionek
14162846

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

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

Pytania

Jakiej czcionki używa situationnormal.co?

situationnormal.co używa EB Garamond. Nagłówki są złożone w czcionce EB Garamond, a tekst w czcionce EB Garamond; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka situationnormal.co jest darmowa?

Tak. EB Garamond możesz użyć na własnej stronie bez kupowania licencji: załaduj ją z Google Fonts albo oprzyj się na czcionce systemowej tam, gdzie tak robi situationnormal.co.

Jak uzyskać w projekcie taką samą typografię jak situationnormal.co?

Pobierz pakiet designu situationnormal.co ze Stylepack: zawiera stos czcionek, skalę typograficzną, każdy styl tekstu i zrzuty ekranu w formie, z której agent AI do kodowania, taki jak Claude Code czy Cursor, może budować.