# Font File Inspector Inspect TTF/OTF/WOFF/WOFF2 fonts: metadata, glyph counts, metrics, style flags, Unicode coverage heatmap, glyph SVG previews, ligatures, OpenType features and variable-font axes. > Canonical page: https://elysiatools.com/en/tools/font-file-inspector - **Category:** Design - **Keywords:** font, ttf, otf, woff2, glyphs, unicode, variable font, opentype features ## Overview opentype.js 2.x parses TTF/OTF/WOFF directly; WOFF2 is pre-decompressed with wawoff2 (WASM woff2) since opentype.js cannot read it natively. Style flags decode OS/2.fsSelection (italic 0x1 / bold 0x20 / regular 0x200 / oblique 0x400) plus head.macStyle; ligatures come from GSUB lookupType 4 (coverage format 1/2 expanded over ligatureSets); variable fonts expose fvar.axes and fvar.instances. Icon fonts without letter mappings auto-sample their mapped codepoints for preview. ## Inputs - **Font file (TTF / OTF / WOFF / WOFF2)** (file): Upload a .ttf, .otf, .woff or .woff2 file - **Glyph preview text (empty = auto-sample)** (text): e.g. AaBb 0123 汉字 — leave empty to auto-sample mapped glyphs ## When to use - You need a Unicode block coverage heatmap before embedding a webfont. - You want SVG previews of mapped glyphs or a custom sample string without installing the font. - You are checking ligatures, OpenType features, or fvar axes on a variable font. ## How it works - Upload a .ttf, .otf, .woff, or .woff2 file (up to 15 MB). WOFF2 is decompressed to sfnt before parsing. - Optionally enter glyph preview text, or leave it empty to auto-sample mapped codepoints, including icon fonts without letter mappings. - The inspector reads name, cmap, OS/2, head, GSUB, and fvar tables and returns an HTML report with metrics, a Unicode heatmap, SVG previews, ligatures, features, and axes. ## Use cases - Audit webfont Unicode coverage before shipping a multilingual site. - Preview ligatures and SVG glyphs for a type specimen or icon set. - Confirm variable-font axes and named instances without installing the file. ## Frequently asked questions ### Which font formats are supported? TTF, OTF, WOFF, and WOFF2. WOFF2 files are decompressed automatically before inspection. ### What happens if preview text is empty? Mapped glyphs are auto-sampled. Icon fonts without letter mappings are sampled from their mapped codepoints. ### What metadata appears in the report? Family, subfamily, designer, copyright, version, glyph count, mapped codepoints, unitsPerEm, weight, width, italic angle, style flags, and bounding box. ### Does it list ligatures and OpenType features? Yes. It extracts GSUB lookupType 4 liga ligatures and lists OpenType features. ### Can I inspect variable fonts? Yes. The report shows fvar axes (tag, min, default, max) and named instances. ## Related tools - [Accessibility Checker](https://elysiatools.com/en/tools/accessibility-checker): Detect common WCAG 2.1 accessibility issues in HTML, fetched pages, or design images and return fix-ready guidance - [SVG Minifier & Analyzer](https://elysiatools.com/en/tools/svg-minifier-analyzer): Analyze SVG markup, remove redundant elements, reduce payload size, compare before and after visually, and export cleaned files - [Convert SVG to WebP](https://elysiatools.com/en/tools/svg-to-webp): Convert SVG vector graphics to WebP raster format with modern compression and transparency support - [Glassmorphism CSS Snippet Builder](https://elysiatools.com/en/tools/glassmorphism-css-snippet-builder): End-to-end frosted-glass / neumorphism CSS snippet generator: blur+saturate backdrop, tint, border, layered shadows, grain overlay, @supports fallback, -webkit- prefix, Tailwind mapping and live preview. - [Image Watermark Opacity](https://elysiatools.com/en/tools/image-watermark-opacity): Add watermarks with custom opacity to images, supporting both text and image watermarks with advanced opacity controls - [Audio Chord Progression Detector](https://elysiatools.com/en/tools/audio-chord-progression-detector): Estimate an audio file's chord sequence locally and download CSV, JSON, SVG, and method notes in one ZIP. - [Audio Melody Contour Extractor](https://elysiatools.com/en/tools/audio-melody-contour-extractor): Extract a dominant melody path from audio and export MIDI, note events, a pitch contour, SVG, and JSON in one ZIP. - [Data URI Generator](https://elysiatools.com/en/tools/data-uri-generator): Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown ## Samples - [SVG Samples](https://elysiatools.com/en/samples/svg-samples): Scalable Vector Graphics (SVG) samples demonstrating various SVG features and techniques - [SVG Viewer Samples](https://elysiatools.com/en/samples/svg-viewer-samples): Sample SVG vector graphics (scene, icon set, diagram) for the in-browser SVG Viewer - [XML Samples](https://elysiatools.com/en/samples/xml-samples): XML (eXtensible Markup Language) format examples from simple to complex structures - [XML Viewer Samples](https://elysiatools.com/en/samples/xml-viewer-samples): Sample XML files (bookstore, RSS feed, SVG) for the in-browser XML Viewer ## Related content - [Text Analysis, Readability, and Content Inspection Tools](https://elysiatools.com/en/hubs/text-analyze): Compare text statistics, language detection, readability scoring, sentiment analysis, moderation review, and pattern analysis tools in one hub. - [Text Case, Encoding, and Normalization Conversion Tools](https://elysiatools.com/en/hubs/text-convert): Compare text case conversion, character-width conversion, encoding conversion, quoted-printable handling, and inline text normalization tools in one hub. - [Text Tools](https://elysiatools.com/en/hubs/text-utility): Explore 33 text tools for utility workflows and compare closely related utilities quickly. - [Text Redaction, Highlighting, and Presentation Formatting Tools](https://elysiatools.com/en/hubs/text-format): Compare tools for masking sensitive text, finding PII, normalizing phone numbers, highlighting phrases, centering text, and formatting diffs in one hub.