UXMagic Startseite
  • Funktionen
  • Bibliotheken
  • Community
  • Preise
  • Partnerprogramm
  • Ressourcen
UXMagic Startseite
UXMagic Startseite

Bibliotheken

Community
Preise
Partnerprogramm

Ressourcen

Folge uns auf:
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram
Hilfe-Center
  • 🚀Erste Schritte
  • ✨Designs generieren
  • 🎨Designen & bearbeiten
    • Einen Screen bearbeiten
    • Mit dem Chat bearbeiten
    • Themes und Styleguides
    • Schriften und Typografie
    • Bilder in deinen Designs
    • Versionen und Verlauf
    • Responsive und Gerätevarianten
    • Komponentenbibliotheken und Designsysteme
  • 📦Export & Übergabe
  • 🌐Website veröffentlichen
  • 🤝Teilen & zusammenarbeiten
  • 🔌Integrationen & Entwicklung
  • 💳Tarife, Credits & Abrechnung
  • 🛠Fehlerbehebung

Kommst du nicht weiter?

Unser Team antwortet direkt aus dem Produkt heraus.

Support kontaktieren →
  1. Hilfe-Center/
  2. Designen & bearbeiten/
  3. Schriften und Typografie

Schriften und Typografie

Schriften wählen, Google Fonts nutzen und was zu tun ist, wenn eine Schriftänderung nicht auftaucht.

Zuletzt aktualisiert: 27. August 2026

Auf dieser Seite

  • Schriften festlegen
  • Die Schriftskala
  • Wenn eine Schriftänderung nicht erscheint
  • Eigene und lizenzierte Schriften

Schriften festlegen#

Schriften sind Teil des Themes. Frag sie namentlich an:

Nimm Inter für Fließtext und Playfair Display für Überschriften.

Google Fonts werden namentlich unterstützt. Wenn du eine Schrift nennst, die nicht verfügbar ist, bekommst du die nächstbeste sinnvolle Entsprechung statt eines kaputten Screens — wenn Präzision wichtig ist, prüf also, was tatsächlich angewendet wurde.

Die Schriftskala#

Du kannst die Skala in Worten steuern:

Mach die Überschriften eine Größe größer und zieh die Zeilenhöhe enger. Der Fließtext ist zu klein — geh auf 17 px.

Wenn eine Schriftänderung nicht erscheint#

Das ist eine bekannte Problemklasse, die man bewusst prüfen sollte: Das Theme kann sich aktualisieren, während das Stylesheet, das die Schrift lädt, es nicht tut. Symptom: Das Design sagt, es nutze eine Schrift, die sichtbar nicht gerendert wird.

  1. Lade das Projekt neu.
  2. Wende die Schriftänderung im Chat erneut an und beobachte den Canvas, nicht das Werkzeugergebnis.
  3. Wenn sie weiterhin nicht rendert, kontaktiere den Support mit dem Projektlink und dem Schriftnamen.

Eigene und lizenzierte Schriften#

Selbst gehostete und lizenzierte Schriften lassen sich derzeit nicht direkt hochladen. Der praktische Weg: beim Designen die nächstgelegene Google Font wählen und nach dem Export auf deine lizenzierte Schrift wechseln — in Figma, in deiner Codebasis oder im CSS der veröffentlichten Website.

War dieser Artikel hilfreich?

Verwandte Artikel

Themes und Styleguides

Wie das Projekt-Theme funktioniert, wie du es gefahrlos änderst und warum Farben nie Screen für Screen bearbeitet werden sollten.

Mein Styleguide oder Theme wurde nicht angewendet

Screens rendern ungestylt oder ignorieren eine Theme-Änderung — was zu prüfen ist und was du uns schicken solltest.

← ZurückThemes und StyleguidesWeiter →Bilder in deinen Designs

Auf dieser Seite

  • Schriften festlegen
  • Die Schriftskala
  • Wenn eine Schriftänderung nicht erscheint
  • Eigene und lizenzierte Schriften

deine nächste idee
verdient es zu existieren

hör auf, drüber nachzudenken. tipp es einfach ein. Unfertig, halbgar, egal. Wir machen etwas Echtes daraus.

Produkt

  • Community
  • Preispläne
  • Partnerprogramm
  • UXMagic MCP
  • Claude MCP
  • KI-Infos

Ressourcen

  • Hilfe-Center
  • Figma-Bibliothek
  • React-Bibliothek
  • Mobile-App-Vorlagen
  • Dokumentation
  • Tutorials

Funktionen

  • Prompt zu UI
  • Bild zu UI
  • Skizze zu UI
  • Website klonen
  • Aus Figma importieren
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Alle Funktionen

Vergleichen

  • vs. UX Pilot
  • vs. Relume
  • vs. MagicPath
  • vs. Magic Patterns
  • vs. Banani
  • vs. Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Alle Wettbewerber

Blog

  • KI im UX-Design-Workflow: Was wirklich funktioniert
  • Prompt-Vorlagen für SaaS-Dashboards
  • Echte Prompts, mit denen wir Produkt-Flows generieren
  • Prompt Engineering für UX-Designer
  • Die besten Wireframing-Tools 2026: 10 kostenlose & Pro-Optionen im Vergleich
  • Alle Blogartikel

Unternehmen & Support

  • Karriere
  • Kontakt
  • Datenschutzerklärung
  • Nutzungsbedingungen
  • Cookie-Einstellungen
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram

© 2026 UXMagic AI Technologies Inc.