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
Compare NFC, NFD, NFKC & NFKD — see how Unicode normalization transforms your text at the character level.
| # | NFC Composed | NFD Decomposed | Match |
|---|---|---|---|
| Enter text above to see the comparison | |||
String.prototype.normalize() which supports all four forms natively in modern browsers.
Pro tip: Most modern systems (macOS, Linux, HTML5) use NFC by default. Windows and some older systems may use NFD for file names. When in doubt, normalize to NFC for web content and NFD for low-level text processing. Use NFKC when building search indexes to collapse compatibility variants like "fi" → "fi" and "①" → "1".
Select a local font and see all its metrics: ascent, descent, x‑height, and supported features. Typography deep dive.
Enumerate all fonts installed on your device and see a real‑time preview. Useful for design tools. Permission required.
Use the document.fonts API to check if a font is loaded. Watch the ready promise. Avoid FOUT. JavaScript demo.
Paste a Base64 encoded font string and generate the complete @font‑face CSS rule. Inline small fonts easily.
Search by country or currency name to find its symbol and code. Quick static reference for international business.
For any latitude and date, calculate the exact daylight hours. See golden hour. Useful for gardening and travel.
Enter target total weight and bar weight to see which plates to put on each side. No more counting errors.
Load a WAV file and see its real-time oscilloscope trace and frequency spectrum. Zoom and pan. Pure frontend.
Calculate antenna element lengths for a given frequency (or vice versa). Supports 1/4 wave, 1/2 wave, dipole. Useful for ham radio. Local only.
Enter a city name or coordinates and see today's sunrise, sunset, and twilight times. Approximate algorithm. Local.
Register a periodic background sync and see the status. Schedule content updates for your PWA. API demo.
Override your browser's geolocation to any coordinates and test how your app responds. For development and privacy testing.
Load a video and visually check if audio aligns with lips. Use frame‑by‑frame stepping. Debug playback issues.
Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
Paste your Accept‑Language header and see which languages your site should serve based on quality values. Internationalization helper.
Register a service worker, subscribe to push, and send a test notification using a VAPID key pair. Step‑by‑step demo.
Override your browser's geolocation to any coordinates and test how your app responds. For development and privacy testing.
Test the Fullscreen API: request fullscreen on a colored div, detect changes, and copy the JavaScript boilerplate.
Test the Web Share API by sharing text, links, and files directly from the browser. Check compatibility and see example code.
Check if your browser and display support the wider DCI‑P3 color space. See the difference with a simple test pattern.
Enter any phrase and instantly see if it's a palindrome, ignoring spaces and punctuation. Fun for word nerds.
Generate random, formatted ID numbers that match pattern rules for various countries. For testing input validation. No real data.
Pick a method, URL, headers, and body, then send an HTTP request directly from your browser. Debug APIs easily.
Quickly test if your webcam, microphone, and speakers work correctly. See live video and audio meter. No data sent.
Generate random but realistic‑looking data arrays (users, products, orders) with typos and missing fields. For test robustness.
Simple interactive eye dominance test: hold up a virtual dot and see which eye stays aligned. Educational.
View a series of digital Ishihara‑style plates. Not a diagnostic tool, just educational. Read numbers.
Build an iframe with different sandbox flags and see live which features are blocked. For secure embedding.
Simulate random mouse moves, clicks, or keystrokes to test idle‑timeout logic. Stops when you move the mouse. Dev test.
Paste a test card number to verify Luhn algorithm, identify issuer (Visa, MC), and check length. No real data.