Stylepack

Fuentes

Las fuentes que usa mercury.com

mercury.com compone sus titulares en arcadiaDisplay y su texto de cuerpo en arcadia. arcadiaDisplay es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Inter.

Medido en mercury.com hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
arcadiaDisplay
Se usa para
h1, h2
Origen
Autoalojada
Alternativa gratuita
Inter
arcadia
Se usa para
body, label, button
Origen
Autoalojada
Alternativa gratuita
Inter

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.

:root {
  --font-heading: "arcadiaDisplay", "Inter", sans-serif; /* Inter stands in for arcadiaDisplay */
  --font-body: "arcadia", "Inter", sans-serif; /* Inter stands in for arcadia */
  --font-size-base: 12px;
}

Cómo se compone el texto

headline-displayQuick brown foxarcadiaDisplay / 49.3472px / 480 / lh 54.2819px
headline-lgQuick brown foxarcadiaDisplay / 28px / 480 / lh 33.6px / 0.42px
headline-mdQuick brown foxarcadia / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogarcadia / 12px / 400 / lh 16.8px / 0.24px
label-mdThe quick brown fox jumps over the lazy dogarcadia / 16px / 400 / lh 24px
buttonThe quick brown fox jumps over the lazy dogarcadia / 16px / 480 / lh 21.6px
Tamaños de fuente en uso
121618284249

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/mercury.com/DESIGN.md

Preguntas

¿Qué fuente usa mercury.com?

mercury.com usa arcadiaDisplay, arcadia. Los titulares van en arcadiaDisplay y el texto de cuerpo en arcadia, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de mercury.com es gratuita?

No. arcadiaDisplay es una fuente con licencia que mercury.com sirve por su cuenta. La alternativa gratuita más parecida es Inter, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.

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

Descarga el paquete de diseño de mercury.com 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.