Stylepack

Fuentes

Las fuentes que usa how.studio

how.studio compone sus titulares en Azeret Mono y su texto de cuerpo en wagram. Azeret Mono es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Inter.

Medido en how.studio hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
Azeret Mono
Se usa para
h1, label, button
Origen
Autoalojada
Alternativa gratuita
Inter
wagram
Se usa para
h2, body
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: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-body: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-size-base: 16px;
}

Cómo se compone el texto

headline-displayQuick brown foxAzeret Mono / 12px / 360 / lh 13.8px
headline-lgQuick brown foxwagram / 60px / 300 / lh 51px / -3px
headline-mdQuick brown foxwagram / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogwagram / 16px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 1.15
buttonThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 13.8px
Tamaños de fuente en uso
10121632406072

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/how.studio/DESIGN.md

Preguntas

¿Qué fuente usa how.studio?

how.studio usa Azeret Mono, wagram. Los titulares van en Azeret Mono y el texto de cuerpo en wagram, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de how.studio es gratuita?

No. Azeret Mono es una fuente con licencia que how.studio 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 how.studio en mi proyecto?

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