Welche Schrift benutzt github.com?

github.com nutzt Mona Sans, Mona Sans VF, Mona Sans Mono. Überschriften sind in Mona Sans gesetzt, Fließtext in Mona Sans, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von github.com frei nutzbar?

Nein. Mona Sans ist eine lizenzierte Schrift, die github.com selbst ausliefert. Die nächste freie Alternative ist Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie github.com in mein Projekt?

Lade das Designpaket von github.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.

github.com Schriften

Schriftfamilien

3 Schriftfamilien

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

1:root {
2  --font-heading: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
3  --font-body: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
4  --font-button: "Mona Sans VF", "Inter", sans-serif; /* Inter stands in for Mona Sans VF */
5  --font-mono: "Mona Sans Mono", "Inter", monospace; /* Inter stands in for Mona Sans Mono */
6  --font-size-base: 18px;
7}

So ist der Text gesetzt

headline-displayQuick brown foxMona Sans / 64px / 425 / lh 69.12px / -2.24px

headline-lgQuick brown foxMona Sans / 40px / 460 / lh 48px

headline-mdQuick brown foxMona Sans / 22px / 480 / lh 30.8px

body-mdThe quick brown fox jumps over the lazy dogMona Sans / 18px / 400 / lh 27px / 0.18px

label-mdThe quick brown fox jumps over the lazy dogMona Sans / 16px / 400 / lh 24px / 0.24px

buttonThe quick brown fox jumps over the lazy dogMona Sans / 16px / 500 / lh 24px / 0.24px

codeconst pack = extract(url)Mona Sans Mono / 11px / 400 / lh 10px / 0.21px

Verwendete Schriftgrößen

111214161822244064

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/github.com/DESIGN.md

Die Schriften von github.com