Variable-Font-Viewer

Variable Font-Achsen online ansehen und anpassen

Roboto Flex3 Achsen

A flexible sans-serif variable font with optical size, weight, and width axes.

Variable fonts let one file behave like an entire type family.

Generiertes CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.FontAspose.Font Web Applications

Zeigen Sie variable Fonts direkt im Browser an. Laden Sie eine lokale TTF- oder OTF-Datei hoch und prüfen Sie ihre Variationsachsen.

Passen Sie Gewicht, Breite, optische Größe, Neigung und eigene Achsen mit Live-Reglern an. Kopieren Sie CSS font-variation-settings für Ihr Projekt.

Diese Seite ist der erste Schritt zu einer künftigen Python-basierten Toolchain für variable Fonts.

  • Zeigen Sie variable Fonts direkt im Browser an.
  • Laden Sie eine lokale TTF- oder OTF-Datei hoch und prüfen Sie ihre Variationsachsen.
  • Passen Sie Gewicht, Breite, optische Größe, Neigung und eigene Achsen mit Live-Reglern an.
  • Kopieren Sie CSS font-variation-settings für Ihr Projekt.

Variable-Font-Viewer

  • Wählen Sie eine Beispielschrift oder laden Sie Ihre variable Schrift hoch.
  • Prüfen Sie erkannte Achsen wie Gewicht, Breite oder optische Größe.
  • Bewegen Sie die Regler oder wählen Sie eine benannte Instanz.
  • Bearbeiten Sie Vorschautext und Größe für einen realistischen Test.
  • Kopieren Sie das erzeugte CSS und verwenden Sie es auf Ihrer Seite.

  • Variable-Font-ViewerZeigen Sie variable Fonts direkt im Browser an. Passen Sie Gewicht, Breite, optische Größe, Neigung und eigene Achsen mit Live-Reglern an.
  • Variable-Font-ViewerWählen Sie eine Beispielschrift oder laden Sie Ihre variable Schrift hoch. Prüfen Sie erkannte Achsen wie Gewicht, Breite oder optische Größe.
  • Variable Schrift hochladenLaden Sie eine lokale TTF- oder OTF-Datei hoch und prüfen Sie ihre Variationsachsen.
  • Generiertes CSSKopieren Sie CSS font-variation-settings für Ihr Projekt.
  • Passen Sie Gewicht, Breite, optische Größe, Neigung und eigene Achsen mit Live-Reglern an

    Passen Sie Gewicht, Breite, optische Größe, Neigung und eigene Achsen mit Live-Reglern an.
  • Laden Sie eine lokale TTF- oder OTF-Datei hoch und prüfen Sie ihre Variationsachsen

    Laden Sie eine lokale TTF- oder OTF-Datei hoch und prüfen Sie ihre Variationsachsen.
  • Kopieren Sie CSS font-variation-settings für Ihr Projekt

    Kopieren Sie CSS font-variation-settings für Ihr Projekt.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.