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
Preview and compare fonts using complete alphabet sentences. Adjust size, weight, color, and background to find the perfect typeface in real time.
Select a local font and see all its metrics: ascent, descent, x‑height, and supported features. Typography deep dive.
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.
Create outlined text with the text‑stroke property. Adjust width and color. Preview and copy the CSS.
Type any character and see how it renders in different font stacks. Detect missing glyphs and fallback behavior.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
Create scary, glitched text using combining diacritical marks. Control intensity. Perfect for horror memes and fun. Pure Unicode magic in browser.
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.
Apply dyslexia‑friendly fonts, spacing, and background to any text. Preview and copy the formatted version. Improve readability.
Animate text that looks like it's being decoded or scrambled before settling on the final word. Copy the JS snippet.
Toggle OpenType features like liga, smcp, tnum, and see the text update. Support for variable fonts. Typography nerds.
Style the first letter of a paragraph as a large decorative drop cap. Choose font, color, and size. Get the CSS & HTML.
Test different line‑break and word‑break values on Chinese/Japanese/Korean text. See how browsers wrap. Essential for i18n.
See which fonts map to generic families (serif, sans‑serif, monospace) on different operating systems. A handy reference.
Detect browser support for font‑tech() and font‑format() values in @font‑face src. Check COLRv1, variable, etc.
New CSS text‑spacing property for fine control over punctuation spacing. See the effect live. For advanced typography.
Paste text and instantly see if it contains hidden zero‑width characters often used in steganography. Reveal invisible payloads.
Paste two texts and see cosine and Jaccard similarity scores. Understand how close two documents are. All local math.
Convert normal text to Unicode mathematical bold, italic, script, fraktur, and double‑struck. Copy rich text for anywhere.
Set up first‑line indentation and hanging punctuation. See how they affect reading flow. Copy the CSS.
Create a customizable scrolling marquee banner. Copy the HTML and CSS. For retro web projects or fun.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
Choose tabular‑nums, diagonal‑fractions, ordinal and see the effect on a numeric list. Elegant data presentation.
Encode text into Wingdings symbols and decode Wingdings back to text. A nostalgic and fun puzzle tool. All processing in your browser.
Create vertically oriented text layouts with `writing‑mode`. See the effect and copy the complete CSS. For vertical languages.
Design a realistic neon sign text with multiple layers of glow. Copy the CSS and HTML. Perfect for headers.
Load any variable font from Google Fonts or local file and play with weight, width, slant, and custom axes. Download CSS.