Unicode-Range Generator
Only download the glyphs the page needs. Pick your scripts, get the CSS unicode-range value.
Runs entirely in your browser — no upload, no registration.
CSS
@font-face {
font-family: 'Inter';
src: url('/fonts/inter-latin-400.woff2') format('woff2');
font-display: swap;
unicode-range: U+0020-007F, U+00A0-00FF, U+2000-206F;
}What this tool does
Combines standard Unicode blocks into a comma-separated unicode-range value for @font-face. The browser then downloads that font file only if the page contains characters in those ranges.
Why you might need it
On multilingual sites, correct unicode-range slashes font payload — often 80-90 % — because unused subsets are never fetched.
How to use it
- Pick the scripts your content actually uses.
- Paste family + URL.
- Copy the @font-face rule.
Always review the included licence before commercial use. Do not remove copyright records, designer names, licensing metadata or embedding restrictions from any font you process.