UD5 Toolkit
Responsive Text CSS Generator - Online Fluid Typography
Create CSS clamp() values for fluid typography. Enter min and max font sizes and viewport widths. Modern responsive design.
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.
Variable Font Explorer - Online Load & Manipulate Axes
Load any variable font from Google Fonts or local file and play with weight, width, slant, and custom axes. Download CSS.
CSS Grid Sizing Demo - Online fr vs auto vs fixed
Compare different grid track sizing methods: fr, auto, minmax(), and fixed values. See how they respond to content.
DOM Size Inspector - Online Count & Warn for Performance
Count total DOM nodes on the current page and show warnings if limits exceed best practices. Keep the DOM lean.
WebRTC Text Chat (P2P) - Online No‑Server Messenger
Establish a peer‑to‑peer text chat between two browser tabs or devices using WebRTC data channels. All signaling via copy‑paste. No server.
CSS Baseline Grid Overlay - Online Typography Rhythm
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Page Replacement Simulator - Online FIFO, LRU, Optimal
Simulate memory page reference strings with FIFO, LRU, and Optimal algorithms. See page fault count. OS concept demo.
Print Page Break CSS Generator - Online Before/After/Inside
Choose where page breaks should occur for printing. Get the break‑before, break‑after, and break‑inside CSS.
Web Page Resource Analyzer - Online List Assets & Size
Fetch a page and list all loaded assets (CSS, JS, images) with their sizes. See total page weight. Quick performance check.
CSS Grid Baseline Alignment Demo - Online Typography Sync
See how align‑items: baseline works in grid to align different font sizes on the same baseline. Visual guide.
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.
WebTransport Echo Client - Online QUIC Test
Connect to a WebTransport server and exchange data over QUIC. See latency and throughput. Perfect for exploring low‑latency real‑time APIs.
Random CSS Motivational Poster - Online Dev Humor
Generate a random developer‑themed motivational (or demotivational) poster image using pure CSS. Fresh inspiration for your coffee break.
Battery Saver Dark Screen - Online Minimal Power Page
A completely black page to save battery on OLED devices. Click to go fullscreen. Simple utility.
CSS clip‑path Circle & Ellipse Generator - Online
Create circular and elliptical clip paths visually. Adjust radius and position. Copy the CSS. For avatars and masks.
Never Have I Ever Generator - Online Party Statement Ideas
Get endless 'Never Have I Ever' statements for your group. Clean and spicy modes. No installation, just pick up and play.
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.
Ultra Marathon Pace Band Generator - Online Print Splits
Generate a printable pace band for ultra distances with mile/km splits and cumulative time. Adjust for terrain.
Bandwidth & Download Time Calculator - Online
Estimate how long it takes to download/upload a file given bandwidth speed. Also convert between bits and bytes.
Motivational Quote Generator - Online Daily Inspiration
Click for a curated motivational quote from famous figures. Share on social media with a single tap. Uplifting.
Cookie Consent Banner Generator - Online GDPR/CCPA HTML & CSS
Create a custom cookie consent banner with text, button styles, and colors. Copy the ready‑to‑use HTML/CSS/JS snippet.
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.
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.
Bernoulli Trial Calculator - Online Binomial Probability
Calculate the probability of exactly k successes in n independent Bernoulli trials. Step-by-step result. Local.
Online PDF Page Counter - Instant Document Inspector
Check how many pages a PDF has without uploading it (uses FileReader). Also shows file size and title if available. Simple and fast client-side tool.
Bulk Color Contrast Checker - Online WCAG Validation
Paste a list of foreground/background color pairs and instantly see which pass AA/AAA. Perfect for checking entire style guides.
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.
Console Log Extractor - Online Capture & Download Console
A tiny tool that hooks into the console and lets you export all messages to a file. Helpful for non‑technical bug reporting.
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.
Symptom Diary – Online Record Daily Health Changes
Rate symptoms severity daily and add notes. Visual pain map. Export for doctor visit. Private local storage.