# Schriftdatei-Inspektor (TTF / OTF / WOFF / WOFF2) Lade eine TTF-, OTF-, WOFF- oder WOFF2-Datei hoch (WOFF2 wird automatisch dekomprimiert) und prüfe alle Metadaten: Familie/Subfamilie/Designer/Copyright/Version, Glyphenanzahl, unitsPerEm, Strichstärke und Breite, Kursivwinkel, Stilflags und Bounding-Box; Heatmap der Unicode-Blockabdeckung; SVG-Glyphenvorschau (eigener Text, Auto-Stichprobe für Icon-Fonts); liga-Ligaturen und OpenType-Features; fvar-Achsen und benannte Instanzen variabler Fonts. > Kanonische Seite: https://elysiatools.com/de/tools/font-file-inspector - **Kategorie:** Design - **Schlagwörter:** schrift, ttf, otf, woff2, glyphen, unicode, variabler font, opentype-features ## Überblick Das Parsing basiert auf opentype.js 2.0 (in 2.x ist die names-Tabelle nach Plattform macintosh/windows geteilt mit {en:…}-Werten; plattformübergreifender Fallback); WOFF2 wird zuerst mit wawoff2 (WebAssembly-Port von Googles woff2) nach sfnt dekomprimiert. Stilflags stammen aus OS/2.fsSelection (italic 0x1, bold 0x20, regular 0x200, oblique 0x400) und head.macStyle; Ligaturen werden durch Expandieren der GSUB-lookupType-4-Coverage (Format 1 Glyphenliste / Format 2 Bereiche) über die ligatureSets extrahiert; variable Fonts lesen fvar.axes (tag/min/default/max) und fvar.instances. Die Unicode-Blockabdeckung wird aus cmap.glyphIndexMap (Dezimal-String-Schlüssel) berechnet. TTC-Sammlungen werden nicht unterstützt. ## Eingaben - **Schriftdatei (TTF / OTF / WOFF / WOFF2)** (file): Upload a .ttf, .otf, .woff or .woff2 file - **Glyphen-Vorschautext (leer = Auto-Stichprobe)** (text): e.g. AaBb 0123 汉字 — leave empty to auto-sample mapped glyphs ## Wann verwenden - Wenn du Familie, Designer, Copyright, Version, Glyphenanzahl, unitsPerEm, Strichstärke, Breite, Kursivwinkel, Stilflags und Bounding-Box einer Schriftdatei prüfen willst. - Wenn du die Unicode-Blockabdeckung als Heatmap siehst oder Glyphen als SVG (eigener Text oder Auto-Stichprobe bei Icon-Fonts) vergleichen musst. - Wenn du GSUB-liga-Ligaturen, OpenType-Features oder bei variablen Fonts fvar-Achsen und benannte Instanzen brauchst. ## Funktionsweise - Lade eine einzelne TTF-, OTF-, WOFF- oder WOFF2-Datei hoch (max. 15 MB). Optional: Glyphen-Vorschautext eingeben; leer lässt gemappte Glyphen automatisch sampeln. - WOFF2 wird mit wawoff2 nach sfnt dekomprimiert; TTF/OTF/WOFF werden direkt mit opentype.js 2.0 gelesen (Namen plattformübergreifend macintosh/windows). - Ausgelesen werden u. a. names, Glyphenanzahl, unitsPerEm, OS/2- und head-Stilflags, Bounding-Box, cmap für die Unicode-Heatmap, GSUB lookupType 4 für Ligaturen sowie fvar.axes und fvar.instances. - Das Ergebnis ist ein HTML-Bericht mit Metadaten, Heatmap, SVG-Vorschau und Feature-Listen. ## Anwendungsfälle - Webfont-Roundtrip: WOFF2 hochladen und prüfen, ob Metadaten, Glyphen und Ligaturen nach der Dekompression stimmen. - Icon-Font prüfen: Auto-Stichprobe der gemappten Glyphen und Unicode-Block-Heatmap statt manuellem Durchklicken. - Variablen Font inspizieren: fvar-Achsen und benannte Instanzen vor dem Einsatz in Layout oder CSS kontrollieren. ## Häufig gestellte Fragen ### Welche Dateiformate werden unterstützt? TTF, OTF, WOFF und WOFF2. WOFF2 wird automatisch dekomprimiert. TTC-Sammlungen sind nicht unterstützt. ### Was passiert, wenn der Vorschautext leer bleibt? Es wird eine Auto-Stichprobe der gemappten Glyphen erzeugt; bei Icon-Fonts ohne Buchstaben-Mappings werden gemappte Codepoints gesampelt. ### Woher kommen Stilflags und Ligaturen? Stilflags aus OS/2.fsSelection und head.macStyle. Ligaturen aus GSUB lookupType 4 (Coverage Format 1/2 über ligatureSets). ### Werden variable Fonts erkannt? Ja. fvar-Achsen (tag, min, default, max) und benannte Instanzen werden angezeigt, sofern die Datei sie enthält. ### Wie groß darf die Datei sein? Maximal 15 MB; es wird genau eine Datei hochgeladen. ## Ähnliche Tools - [Barrierefreiheitspruefer](https://elysiatools.com/de/tools/accessibility-checker): Erkennt haeufige WCAG-2.1-Probleme in HTML, Seiten oder Designbildern und liefert direkt umsetzbare Hinweise - [SVG-Minifier und Analyzer](https://elysiatools.com/de/tools/svg-minifier-analyzer): Analysiert SVG-Markup, entfernt redundante Elemente, reduziert die Dateigroesse, vergleicht Vorher/Nachher und exportiert bereinigte Dateien - [SVG zu WebP Konverter](https://elysiatools.com/de/tools/svg-to-webp): SVG-Vektorgrafiken in WebP-Rasterformat konvertieren mit moderner Kompression und Transparenzunterstützung - [Glassmorphism-/Neumorphism-CSS-Snippet-Generator](https://elysiatools.com/de/tools/glassmorphism-css-snippet-builder): Erzeugt den vollständigen Glassmorphism- oder Neumorphism-CSS-Snippet von Anfang bis Ende: Blur, Sättigung, Tönungsdeckkraft, Radius, Rahmen, Außenschatten und Oberkanten-Highlight; optional SVG-feTurbulence-Korn und @supports-Fallback; automatisch mit -webkit-backdrop-filter-Präfix (vor Safari 18 nötig) und Tailwind-Klassen-Mapping (mit v3/v4-Hinweis), plus Live-Vorschau der Karte auf Gradient-Hintergrund. - [Wasserzeichen-Opazität-Tool](https://elysiatools.com/de/tools/image-watermark-opacity): Fügen Sie Wasserzeichen mit benutzerdefinierter Opazität zu Bildern hinzu, unterstützt Text- und Bildwasserzeichen mit erweiterten Opazitätskontrollen - [Akkordfolgen-Detektor](https://elysiatools.com/de/tools/audio-chord-progression-detector): Schätzt lokal die Akkorde einer Audiodatei und bündelt CSV, JSON, SVG und Methodennotizen in einer ZIP-Datei. - [Audio-Melodiekontur-Extraktor](https://elysiatools.com/de/tools/audio-melody-contour-extractor): Extrahiert die dominante Melodie und bündelt MIDI, Notenereignisse, Tonhöhenkontur, SVG und JSON in einer ZIP-Datei. - [Data-URI-Generator](https://elysiatools.com/de/tools/data-uri-generator): Konvertiert Dateien in Data URIs (Base64 oder prozent-kodiert), um Bilder, Schriftarten und Ressourcen direkt in HTML, CSS oder Markdown einzubetten ## Beispiele - [SVG Beispiele](https://elysiatools.com/de/samples/svg-samples): Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren - [SVG-Beispiele](https://elysiatools.com/de/samples/svg-viewer-samples): Vektorgrafik-Beispiele für den SVG-Viewer im Browser - [XML-Beispiele](https://elysiatools.com/de/samples/xml-samples): XML (eXtensible Markup Language)-Formatbeispiele von einfachen bis komplexen Strukturen - [XML-Beispiele](https://elysiatools.com/de/samples/xml-viewer-samples): Beispieldateien fuer den Browser-basierten XML-Viewer ## Verwandte Inhalte - [Textanalyse-, Lesbarkeits- und Inhaltsinspektions-Tools](https://elysiatools.com/de/hubs/text-analyze): Vergleichen Sie Textstatistik, Spracherkennung, Lesbarkeitsbewertung, Sentimentanalyse, Moderationsprüfung und Musteranalyse in einem Hub. - [Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools](https://elysiatools.com/de/hubs/text-convert): Vergleichen Sie Textfall-Konvertierung, Zeichenbreiten-Konvertierung, Encoding-Konvertierung, Quoted-Printable-Verarbeitung und Inline-Textnormalisierung in einem Hub. - [Text-Tools](https://elysiatools.com/de/hubs/text-utility): Entdecken Sie 33 text-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell. - [Text-Redaktions-, Hervorhebungs- und Darstellungsformatierungs-Tools](https://elysiatools.com/de/hubs/text-format): Vergleichen Sie Tools zum Maskieren sensibler Texte, Finden von PII, Normalisieren von Telefonnummern, Hervorheben von Phrasen, Zentrieren von Text und Formatieren von Diffs in einem Hub.