Stylepack

Fuentes

Las fuentes que usa teenage.engineering

teenage.engineering compone sus titulares y su texto de cuerpo en te-20. te-20 es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Inter.

Medido en teenage.engineering hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

1 familia
te-20
Se usa para
body, button, label
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-body: "te-20", "Inter", sans-serif; /* Inter stands in for te-20 */
  --font-size-base: 19.102px;
}

Cómo se compone el texto

headline-displayQuick brown foxte-20 / 48px / 100 / lh 1.4
headline-lgQuick brown foxte-20 / 32px / 100 / lh 1.4
headline-mdQuick brown foxte-20 / 24px / 100 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogte-20 / 19.102px / 100 / lh 22.0408px
label-mdThe quick brown fox jumps over the lazy dogte-20 / 16px / 300 / lh 24px
buttonThe quick brown fox jumps over the lazy dogte-20 / 16px / 100 / lh 1.5
Tamaños de fuente en uso
161940

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/teenage.engineering/DESIGN.md

Preguntas

¿Qué fuente usa teenage.engineering?

teenage.engineering usa te-20. Los titulares van en te-20 y el texto de cuerpo en te-20, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de teenage.engineering es gratuita?

No. te-20 es una fuente con licencia que teenage.engineering 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 teenage.engineering en mi proyecto?

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