Local Font Inspector - Online See All Font Metrics
Select a local font and see all its metrics: ascent, descent, x‑height, and supported features. Typography deep dive.
UD5 Toolkit
or click to browse — we'll analyze its tech stack
IFT and IFTX) within the font binary that describe how glyphs are segmented into patches.
IFT ) or
IFTX table (extended IFT). These tables are embedded during font compilation with tools that support
the IFT specification. Use this tool to upload your font — it scans the binary table directory and highlights
whether IFT tables are present. Currently, Google Fonts and some CDN-served fonts are leading adoption of IFT.
If your WOFF2 font lacks these tables, you can re-compile it using fonttools with IFT patches enabled.
fvar table) store multiple design variations (weight,
width, slant, etc.) in a single file using interpolation. They reduce the number of font files needed but the
entire variable font still downloads upfront. Incremental Fonts (IFT) address the delivery
problem — they let browsers download only the glyphs actually used on a page, in small chunks. The two technologies
are complementary: a variable font can also be IFT-enabled, giving you both design flexibility and lightning-fast
loading. This tool detects both independently.
IFT /IFTX tables. Google's
incremental-font-transfer GitHub repository provides reference implementations. For production use,
font CDNs like Google Fonts are beginning to serve IFT-enabled versions automatically when supported browsers
request them.
Select a local font and see all its metrics: ascent, descent, x‑height, and supported features. Typography deep dive.
Type any character and see how it renders in different font stacks. Detect missing glyphs and fallback behavior.
Browse the fonts installed on your system and type a custom phrase to see how it looks. Uses Local Font Access API where available.
Build a complete font‑stack for your website. Choose a primary font and get the best fallback options for different OS. Copy the CSS.
Apply East Asian glyph variants like jis78, proportional-width, ruby. See the difference instantly. For CJK typography.
Beautify and format your CSS stylesheets instantly. Organize, minify, or prettify CSS code for better readability. Processed securely on client-side.
Toggle OpenType features like liga, smcp, tnum, and see the text update. Support for variable fonts. Typography nerds.
Choose tabular‑nums, diagonal‑fractions, ordinal and see the effect on a numeric list. Elegant data presentation.
Convert normal text to Unicode mathematical bold, italic, script, fraktur, and double‑struck. Copy rich text for anywhere.
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Check English spelling and get suggestions using the browser's built-in dictionary. Highlight errors instantly. No data leaves your machine.
See which fonts map to generic families (serif, sans‑serif, monospace) on different operating systems. A handy reference.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.
Paste two strings that look the same and see if they differ after normalization. Debug invisible encoding bugs.
Select character sets (Latin, Cyrillic, Greek) and generate the exact unicode‑range descriptor for your fonts. Improve performance.
Apply dyslexia‑friendly fonts, spacing, and background to any text. Preview and copy the formatted version. Improve readability.
New CSS text‑spacing property for fine control over punctuation spacing. See the effect live. For advanced typography.
Drop an image that might have wrong extension and see its real format (JPEG, PNG, WebP) based on header bytes.
Paste your full CSS and HTML; automatically identify and extract the styles needed for the visible part. Reduce render‑blocking resources.
Enter Braille dot numbers (1‑6) or paste Unicode Braille to decode into English text. Companion to text‑to‑Braille.
Style a drop cap using the initial‑letter property. Set size and sink. Modern alternative to pseudo‑element hacks.
Style a drop cap using the initial‑letter property. Set size and sink. Modern alternative to pseudo‑element hacks.
Load any variable font from Google Fonts or local file and play with weight, width, slant, and custom axes. Download CSS.
Multiple digital counters for tracking stitches, rows, and pattern repeats. Increment, reset. Works on mobile.
Test overscroll‑behavior: contain to prevent background scroll or pull‑to‑refresh. See the effect in a live demo.
Normalize text to any Unicode normalization form to prevent encoding bugs and ensure consistent comparison. Essential for i18n developers.
Paste rich text and clean it to plain text. Normalize line endings and whitespace. Prepare for code or databases.
Test different line‑break and word‑break values on Chinese/Japanese/Korean text. See how browsers wrap. Essential for i18n.
Create seamless CSS background patterns like stripes, polka dots, checkerboard. Adjust size and colors. Copy the tiny CSS.