Stylepack

Schriften

Die Schriften von canva.com

canva.com setzt Überschriften und Fließtext in Canva Sans. Canva Sans ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 4 Tagen auf canva.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
Canva Sans
Verwendet für
h1, h2, h3, body, button
Quelle
Selbst gehostet
Freie Alternative
Inter

CSS zum Nachbauen

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

:root {
  --font-heading: "Canva Sans", "Inter", sans-serif; /* Inter stands in for Canva Sans */
  --font-body: "Canva Sans", "Inter", sans-serif; /* Inter stands in for Canva Sans */
  --font-size-base: 18px;
}

So ist der Text gesetzt

headline-displayQuick brown foxCanva Sans / 84px / 400 / lh 89.04px / -1.5px
headline-lgQuick brown foxCanva Sans / 56px / 400 / lh 61.6px / -0.56px
headline-mdQuick brown foxCanva Sans / 28px / 500 / lh 35px / -0.28px
body-mdThe quick brown fox jumps over the lazy dogCanva Sans / 18px / 400 / lh 25.2px
label-mdThe quick brown fox jumps over the lazy dogCanva Sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogCanva Sans / 14px / 600 / lh 22px
Verwendete Schriftgrößen
1013141624283264

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

Fragen

Welche Schrift benutzt canva.com?

canva.com nutzt Canva Sans. Überschriften sind in Canva Sans gesetzt, Fließtext in Canva Sans, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von canva.com frei nutzbar?

Nein. Canva Sans ist eine lizenzierte Schrift, die canva.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 canva.com in mein Projekt?

Lade das Designpaket von canva.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.