Conversion · Optimisation · Analysis · CSS Generation · Variable Fonts · Icon Fonts · Comparison. Every tool processes your fonts locally with opentype.js and wawoff2 — zero bytes uploaded.
Every JAD Font tool runs entirely in your browser using opentype.js and wawoff2's WASM Brotli encoder. Open DevTools and watch the Network tab during processing — you'll see zero requests to any server. Your fonts never leave your device.
TTF/OTF ↔ WOFF/WOFF2, base64 data URIs, SVG fonts, format identification, variable-to-static freezing, and Google Fonts self-hosting.
Compress TTF or OTF fonts to WOFF2 directly in your browser. Typically 30–50% smaller than WOFF. Powered by Google's WASM Brotli encoder. Zero upload.
Open toolWrap TTF/OTF font tables in the WOFF 1.0 container with zlib compression. Wider compatibility than WOFF2 for legacy browsers. Zero upload.
Open toolExtract the underlying TrueType font from any WOFF2 file. Useful for desktop installation, font editor inspection, and licensing audits. Zero upload.
Open toolConvert TTF, OTF, WOFF, or WOFF2 to a base64 data URI for direct embedding in CSS @font-face. Useful for HTML emails and offline kiosks.
Open toolConvert TrueType or OpenType fonts to the legacy SVG Font format. Useful for tools that still consume SVG Fonts (some PDF pipelines, older e-readers).
Open toolDrop a font file and reveal its true format. Detects TTF, OTF (CFF), WOFF, WOFF2, and TrueType collections by inspecting the first 4 bytes.
Open toolPin a variable font's axes (weight, width, slant, optical size) to specific values and export a static TTF. Trim file size when you don't need the full axis range.
Open toolPaste a Google Fonts URL or name and get a self-hosted @font-face CSS block plus a curl script for downloading every WOFF2. Privacy-friendly, GDPR-safe.
Open toolSmart subsetting, charset filters, hinting and metadata stripping, ligature toggles, colour-table removal — shrink fonts by 60–95%.
Strip unused glyphs from any font to shrink WOFF2 size by 60–95%. Choose a named subset (latin, latin-ext, cyrillic, greek) or paste a custom charset.
Open toolOne-click subset to U+0020–U+00FF. Perfect for English, French, German, Spanish, Italian, and most Western European content. Smallest possible Latin font.
Open toolDrop emoji and pictograph glyphs (U+1F300–U+1FAFF, U+2600–U+27BF) from a font. Useful when system fonts already provide colour emoji at the OS level.
Open toolStrip the fpgm, prep, and cvt_ tables from TrueType fonts. Reduces size by 5–20% with no visual impact on modern macOS, iOS, and Linux. Disable for Windows GDI users only.
Open toolDrop COLR, CPAL, sbix, and SVG tables from colour fonts (Apple Color Emoji, Twitter Emoji, custom OpenType-SVG fonts). Result is a regular monochrome outline font.
Open toolPaste an exact list of characters you want to keep and get a hyper-minimal font with only those glyphs. Perfect for logos, headlines, and branded marks.
Open toolStrip duplicate Mac platform records and unused localised strings from the OpenType name table. Saves 1–10 KB on heavily-localised fonts.
Open toolPreview ligature on/off rendering for any font, then export the CSS to control ligatures via font-feature-settings without modifying the binary file.
Open toolGlyph browsers, metadata extraction, kerning auditors, Unicode coverage maps, font metrics analysis, OpenType feature inspection, fingerprinting.
Drop a font and browse every glyph with name, Unicode codepoint, advance width, and live preview. Search by character, codepoint, or glyph name.
Open toolDump the full name, OS/2, head, post, and hhea tables from any font. See family, subfamily, designer, manufacturer, version, license, vendor ID, and more.
Open toolHash any font file with SHA-256 to create a stable identifier for cache-busting, integrity verification, and version tracking. Browser-based, no upload.
Open toolInspect every kerning pair in the kern and GPOS tables. See which letter pairs adjust and by how many font units. Catch missing pairs and unintended kerning.
Open toolSee which Unicode blocks a font supports and which are missing. Visual matrix of all 308 Unicode blocks with covered-glyph counts and percentage coverage.
Open toolExtract every vertical metric from a font's OS/2, hhea, and head tables. Get a recommended line-height and CSS snippet for perfectly aligned typography.
Open toolList every GSUB/GPOS feature tag (liga, calt, smcp, ss01, swsh, kern) with human-readable labels and the font-feature-settings CSS to enable each one.
Open toolCount total glyphs and project the file size after subsetting to common charsets (Latin, Latin Extended, Cyrillic, Greek, custom). Pick the right charset before you commit.
Open tool@font-face blocks, typography scales, fluid clamp() sizes, system stacks, preload tags, font-display strategy, dark mode adjustments.
Build a complete @font-face declaration with WOFF2/WOFF/TTF fallbacks, font-display, unicode-range, and proper format() hints. Copy-paste ready.
Open toolBuild a complete typography token system as CSS custom properties: --font-family, --font-size-{xs,sm,base,lg,xl}, --font-weight-{light,regular,bold}, --line-height-{tight,normal,relaxed}.
Open toolGenerate a full type scale (h1–h6, body, small) using a chosen modular ratio. Output is fluid clamp() CSS that scales smoothly between two viewport widths.
Open toolBuild a font-family declaration that uses the best native font on each OS — San Francisco on Apple, Segoe UI on Windows, Roboto on Android. Zero web fonts, instant rendering.
Open toolGenerate the right <link rel="preload"> tags for above-the-fold web fonts. Cuts LCP by 100–500 ms by starting the font fetch alongside the HTML parse.
Open toolDecide between auto, block, swap, fallback, and optional. Get an explanation of each value's behaviour, recommended use cases, and copy-paste @font-face CSS.
Open toolPick a min and max font size plus a viewport range and get a clamp() expression that interpolates smoothly. Single field — copy and paste.
Open toolReduce font weight by 50–100, increase letter-spacing by 0.01em, and bump line-height by 0.05 in dark mode. Auto-generates a prefers-color-scheme media query.
Open toolAxis mappers, weight-preset CSS, axis-range optimisers, and variable-vs-static file size comparisons.
Drop a variable font and see every axis (wght, wdth, slnt, ital, opsz, custom) with min/default/max values, named instances, and ready-to-paste CSS.
Open toolGenerate @font-face declarations for each named weight (Light, Regular, Medium, Bold, Black) of a variable font using font-variation-settings. Drop-in CSS.
Open toolTell us which weight, width, slant values you actually use, and we'll recommend the minimum axis ranges. Reduces variable font size by 20–60%.
Open toolSee how much bandwidth you save (or lose) by choosing variable over static fonts. Compares one variable file against the sum of N static weights.
Open toolBrowse icon font glyphs and assign Private Use Area codepoints to custom icon names.
Drop a Font Awesome, Material Icons, or custom icon font and browse every glyph as a sortable, searchable gallery with Unicode codepoint and CSS class examples.
Open toolPaste a list of icon names and get sequential PUA codepoints starting at U+E000. Outputs a JSON mapping plus CSS classes for use in icon font CSS.
Open toolSide-by-side glyph overlay between two fonts, and weight progression viewers for variable families.
Upload two fonts and see every glyph rendered side-by-side at the same em size. Spot rendering differences, weight mismatches, and missing characters.
Open toolDrop a variable font (or static weight family) and see every weight rendered side-by-side in a sample string. Pick the right weight for headlines, body, and accents.
Open toolChained workflows for common font engineering tasks: web performance audits, brand typography systems, accessibility checks, and design token pipelines.
Browse use-case guides