CLIENT ENGINE // AIR-GAPPED

Unicode Glyph Inspector & Font Styler

Inspect character code points (U+XXXX), UTF-8 byte sequences, HTML/CSS escapes, and invisible zero-width characters, or transform text across Mathematical Unicode font styles.

APPARATUS // UNICODE-GLYPH-INSPECTOR VERIFIED OK // 0.0ms

Quick Reference Benchmarks

Code Point Range U+0000 to U+10FFFF (Full Planes)

UTF-8 Byte Telemetry 1-Byte to 4-Byte Hex Inspector

Hidden Char Detection ZWSP, ZWJ, ZWNJ, BOM, SHY, NBSP

Unicode Font Styles 7 Math Alphanumeric + NFKC Clean

Execution Privacy 100% In-Browser Memory

Overview & Background

When designers and frontend engineers copy text out of PDF proofs, Notion docs, Figma layers, or legacy CMS databases, invisible Unicode control characters frequently hitch a ride inside the string. A single hidden **Zero-Width Space (`U+200B`)**, **Byte Order Mark (`U+FEFF`)**, **Soft Hyphen (`U+00AD`)**, or **Non-Breaking Space (`U+00A0`)** can break CSS line wrapping inside a headline, cause a font subsetter to render an unexpected `.notdef` tofu box, or cause a JSON API search query to fail even though two strings look visually identical on screen.

At the same time, understanding how modern multi-byte characters are encoded across the Unicode Standard is essential when authoring CSS `content: "\XXXX"` pseudo-elements, HTML numeric entities (`&#xXXXX;`), OpenType `unicode-range` font subsetting rules, and UTF-8 network payloads. Characters in the Basic Multilingual Plane (`U+0000–U+FFFF`) occupy 1 to 3 bytes in UTF-8, whereas Supplementary Plane glyphs (`U+10000–U+10FFFF`)—including **Mathematical Alphanumeric Symbols (`U+1D400–U+1D7FF`)** and emoji—require 4-byte UTF-8 sequences and UTF-16 surrogate pairs in JavaScript.

Kitiverse's **Unicode Glyph Inspector & Font Styler** combines a character-by-character forensic code point table (`U+XXXX`, decimal ID, exact UTF-8 hex bytes, HTML entity, CSS escape, and script block classification) with a 1-click **Invisible Character Stripper & NFKC Normalizer** and 7 **Mathematical Unicode Font Styler** transforms (`𝗕𝗼𝗹𝗱 𝗦𝗮𝗻𝘀`, `𝐁𝐨𝐥𝐝 𝐒𝐞𝐫𝐢𝐟`, `𝘐𝘵𝘢𝘭𝘪𝘤`, `𝙼𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎`, `𝔻𝕠𝕦𝕓𝕝𝕖-𝕊𝕥𝕣𝕦𝕔𝕜`, and `ꜱᴍᴀʟʟ ᴄᴀᴘꜱ`)—100% registration-free, zero account walls, private client-side compute, and local device storage.

How to inspect Unicode glyphs, strip hidden characters, and style text

Analyze every character's exact code point and UTF-8 byte sequence or convert plain text into Unicode typographical variants.

Paste any text string, icon symbol, or suspect PDF copy into the Source Text textarea on the left.

Review the Code Point & UTF-8 Hex Breakdown table below to see every character's U+XXXX hex value, UTF-8 byte sequence, HTML/CSS escape code, and highlighted [HIDDEN] zero-width characters.

Keep 'Clean Plain Text (Strip Invisible & Normalize)' selected to remove zero-width spaces (U+200B), BOMs (U+FEFF), and soft hyphens, or click any Mathematical Unicode Font Style button (Bold Sans, Bold Serif, Italic, Monospace, Double-Struck, Small Caps).

Click 'Copy Output' to copy the sanitized or styled Unicode string directly to your clipboard.

Frequently Asked Questions

How do I find and remove invisible zero-width characters that break my layout or code?

When you paste text into the Source Text box, the inspector highlights any hidden control characters—including Zero-Width Space (`U+200B`, `[ZWSP]`), Zero-Width Non-Joiner (`U+200C`, `[ZWNJ]`), Zero-Width Joiner (`U+200D`, `[ZWJ]`), Byte Order Mark (`U+FEFF`, `[BOM]`), Soft Hyphen (`U+00AD`, `[SHY]`), and Non-Breaking Space (`U+00A0`, `[NBSP]`)—in amber inside the breakdown table. In the default 'Clean Plain Text' mode, the output box automatically strips those invisible characters and converts non-breaking spaces to normal ASCII spaces.

How can I convert styled Unicode text (like 𝗕𝗼𝗹𝗱 𝗦𝗮𝗻𝘀) back into normal plain ASCII text?

Select the default 'Clean Plain Text (Strip Invisible & Normalize)' button at the top left. In addition to stripping zero-width characters, this mode applies **Unicode Normalization Form Compatibility Composition (`NFKC`)**, which maps Mathematical Alphanumeric Symbols (`U+1D400–U+1D7FF`) and fullwidth characters cleanly back to standard Basic Latin ASCII (`A–Z`, `a–z`, `0–9`).

How do Unicode font styles work without loading a CSS web font?

The Unicode Standard includes the **Mathematical Alphanumeric Symbols block (`U+1D400–U+1D7FF`)**, originally standardized so mathematicians could distinguish between a scalar variable ($x$), a bold vector ($\mathbf{x}$), a sans-serif tensor ($\mathsf{x}$), and a double-struck set ($\mathbb{R}$) in plain text papers. Because these are distinct Unicode code points rather than CSS styling tags, they render in social media bios, Figma layer names, plain-text emails, and markdown titles.

Are Mathematical Unicode font styles accessible to screen readers?

Use Mathematical Unicode font styles sparingly for short decorative labels, wireframe badges, or social headers rather than long body paragraphs. Because screen readers like VoiceOver and NVDA may announce characters in the `U+1D400` block as mathematical symbols (e.g., 'mathematical bold sans-serif capital A') or skip them depending on verbosity settings, always use real CSS (`font-weight: 700`) for accessible website copy.

How do I use the U+XXXX code point in CSS ::before / ::after content or @font-face unicode-range?

The 'HTML / CSS' column in the breakdown table provides both the HTML hexadecimal entity (`Ա`) and the CSS backslash escape (`\0531`) ready to drop into `content: "\0531";`. You can also use the `U+XXXX` value directly inside `@font-face { unicode-range: U+0530-058F; }` when subsetting custom web fonts.

Is my pasted text or code sent to a server?

No. Kitiverse is 100% registration-free, zero account walls, private client-side compute, and local device storage. All UTF-8 byte calculations and glyph inspections run locally in your browser.

Related Instruments in This Workbench

All Text & Content Tools →

Text & Content →

Word, Character & Byte Counter

Real-time lexical word counter, character and UTF-8 byte analyzer, reading/speaking duration estimator, and SEO keyword density inspector.

Text & Content →

Text Diff Checker

Side-by-side and unified inline text comparison. Character-level precision offloaded to client workers with zero server uploads.

Text & Content →

ANSI to Unicode & Unicode to ANSI Converter

Bidirectionally convert legacy 8-bit designer ANSI fonts (Armenian ARMSCII-8, Georgian AcadNusx, Cyrillic CP1251) and standard UTF-8 Unicode for Illustrator, Photoshop, Figma, and web publishing.

Text & Content →

Arabic, Persian & Kurdish RTL Text Reshaper

Convert disconnected, reversed Arabic, Persian (Farsi), Kurdish, and Urdu text into connected Presentation Forms-B glyphs for DaVinci Resolve, Blender, Cinema 4D, and Adobe apps.

Text & Content →

Case Converter & URL Slug Generator

Transform code identifiers, database columns, and headings across 10 naming conventions including camelCase, snake_case, kebab-case, and SEO URL slugs.

Text & Content →

Kruti Dev, Preeti, Bijoy & VNI Font Converter

Bidirectionally convert South and Southeast Asian legacy DTP fonts—Hindi Kruti Dev 010, Nepali Preeti, Bengali Bijoy (SutonnyMJ), and Vietnamese VNI—to and from standard Unicode.

Client-Side Execution & Verification Note:

This utility runs 100% locally in your browser with local device storage and zero server uploads. All outputs are provided on an "as-is" basis—please validate critical data, code, and files before deploying to production.