UD5 Toolkit
Lazy Loading Image Snippet Generator - Online
Generate an <img> tag with the loading='lazy' attribute and optional low‑quality placeholder. Improve Core Web Vitals. Copy the snippet.
Web Font Subset Generator - Online Reduce Font Size
Web Font Subset Generator
Reduce font file size by removing unused characters. Supports TTF, OTF, WOFF, WOFF2. Optimize web performance instantly.
1. Upload Font File
Drag & drop font file here
or click to browse
Max 20MB2. Choose Character Set
Select a preset or enter custom characters
Each unique character will be included. Duplicates are ignored.
Selected characters:
62
Format:
Upload a font and select characters to begin
Processing...
0%
Frequently Asked Questions
Font subsetting removes unused characters (glyphs) from a font file. This drastically reduces file size, often by 70-90%, which improves website loading speed and saves bandwidth. It's essential for web performance when using custom fonts that contain many languages or symbols you don't need.
Our tool supports TTF, OTF, WOFF, and WOFF2 files as input. You can output to any of these formats, with WOFF2 recommended for modern web use due to superior compression.
Check your website content: include all letters, numbers, punctuation, and special characters that appear in your text. Our presets cover common cases. For multilingual sites, make sure you include necessary diacritics and localized characters.
Absolutely. All processing happens directly in your browser using client-side technology. Your font files are never uploaded to any server, ensuring complete privacy and compliance with font licenses.
No. The remaining characters are identical to the original; only unused glyphs are removed. Hinting, kerning, and OpenType features are preserved for the kept characters.
Yes. Many Google Fonts contain hundreds of characters. If you only use basic Latin, you can further reduce the file size by subsetting. The same applies to any other web font.
Generator Function Explorer - Online Step by Step
Write a generator function and step through it with next(). See values and done state. Understand iterators.
flex vs inline‑flex Demo - Online Container Behavior
Place two containers side by side to see how inline‑flex differs from flex. Understand block vs inline formatting.
CSS Scroll Shadow Generator - Online Overflow Indicator
Create a shadow that appears when a container is scrollable. Pure CSS using background attachments. Copy the style easily.
Conic Gradient CSS Generator - Online Pie Chart Style
Build a conic gradient with any number of color stops. Visual editor. Ideal for creating pie charts or colorful spinners.
Cache Storage Viewer - Online Inspect PWA Cache
Explore the contents of the Cache Storage API for your domain. See cached requests and their sizes. Debug offline apps.
Truth or Dare Generator - Online Party Game Questions
Generate random truth questions and dares for game night. Categories for kids, teens, and adults. No repeats, all client-side fun.
Event Budget Planner - Online Party Expense Estimator
Plan a party or event budget by category (venue, food, decorations). See total and cost per guest. Export summary.
Traceroute Simulator - Online Visual Hop Path
Simulate a traceroute by entering a destination IP. Learn about AS paths and latency. Does not send real packets; educational visualisation.
Query Parameter Extractor - Online URL Param Table Viewer
Enter a full URL and get all query parameters in a clean table with decoded values. Quickly see UTM and tracking params.
Base64 to CSS @font‑face Converter - Online Embed Font
Paste a Base64 encoded font string and generate the complete @font‑face CSS rule. Inline small fonts easily.
What Font is Used on a Website - Online Detector
Enter a URL and extract the font stacks and web font URLs used on that page. Quick typography research.
Font Kerning Pair Explorer - Online See Glyph Spacing
Type two letters and see if your chosen font has a kerning pair for them. Adjust tracking and see live spacing.
PDF Compressor - Online Reduce File Size Locally
Shrink a PDF file size with configurable image quality and object removal. All processing stays in your browser.
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.
Text to Symbol Font - Online Special Unicode Converter
Map English letters to fancy mathematical or ornamental Unicode symbols. Create Facebook/Twitter bio art. All local.
Font Fallback Checker - Online See Missing Glyphs
Type any character and see how it renders in different font stacks. Detect missing glyphs and fallback behavior.
Pangram Viewer - Online See Fonts with Sentences
Choose a font family and see how it renders famous pangrams (The quick brown fox…). Instant web font loader.
Font Size Scale Preview - Online Typography Visualizer
Type a few words and see them rendered at every heading size (h1–h6) with your chosen font. Perfect for design systems.
Text to ASCII Art Banner - Online Figlet & Font Generator
Convert plain text into stylish ASCII art banners using various font styles. Copy and paste to social media or comments. Fun retro tool.