Fuentes

Las fuentes que usa situationnormal.co

situationnormal.co compone sus titulares y su texto de cuerpo en EB Garamond. EB Garamond es una fuente gratuita de Google Fonts, así que puedes usar la misma.

Medido en situationnormal.co hace 4 días.

Familias tipográficas

1 familia
EB Garamond
Se usa para
h1, h2, body
Origen
Google Fonts
Alternativa gratuita
Ya es gratuita

CSS para reproducirlo

Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.

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

Cómo se compone el texto

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
Tamaños de fuente en uso
14162846

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

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

Preguntas

¿Qué fuente usa situationnormal.co?

situationnormal.co usa EB Garamond. Los titulares van en EB Garamond y el texto de cuerpo en EB Garamond, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de situationnormal.co es gratuita?

Sí. Puedes usar EB Garamond en tu propio sitio sin comprar una licencia: cárgala desde Google Fonts, o usa la fuente del sistema donde eso es lo que usa situationnormal.co.

¿Cómo consigo la misma tipografía que situationnormal.co en mi proyecto?

Descarga el paquete de diseño de situationnormal.co en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.