Web Font Subsetter & unicode-range CSS Builder

Subset web fonts to reduce font payload by up to 80%, generate CSS @font-face unicode-range rules, and pyftsubset commands.

Estimated Payload Reduction: ~82%

Full font file (~320KB) $\rightarrow$ SubsetFont (~28KB). Drastically improves LCP and First Contentful Paint.

1. Select Target Character Sets

Basic Latin (ASCII)U+0020-007FStandard English alphanumeric characters and punctuation (95 characters)

Latin-1 SupplementU+00A0-00FFWestern European accents (é, ü, ñ, ø), copyright, fractions

Latin Extended-AU+0100-017FCentral & Eastern European characters (Polish, Czech, Hungarian)

Numbers & MathU+0030-0039, U+002B, U+002D, U+003D, U+00250-9 digits and basic math signs (+ - = %)

Global CurrencyU+0024, U+00A2-00A5, U+20AC, U+20B9, U+20BD, U+00A3$ € £ ¥ ₹ ¢ currency symbols

2. Extract Exact Glyphs from Custom Text (Optional)

CSS @font-face unicode-range

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-VariableFont.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007F, U+00A0-00FF, U+0024, U+00A2-00A5, U+20AC, U+20B9, U+20BD, U+00A3;
}

pyftsubset CLI Command

pyftsubset Inter-VariableFont.woff2 \
  --unicodes="U+0020-007F,U+00A0-00FF,U+0024,U+00A2-00A5,U+20AC,U+20B9,U+20BD,U+00A3" \
  --flavor=woff2 \
  --output-file="inter-subset.woff2"

Web Font Subsetting & Performance Optimization

Complete Unicode font files (like Inter, Roboto, or Noto Sans) often contain over 2,000 glyphs covering Cyrillic, Greek, Hebrew, and thousands of obscure typographic symbols. These files can easily weigh 300KB to 1MB. For an English or Western European website, over 85% of those glyphs are never rendered.

How `unicode-range` Improves Core Web Vitals

Targeted Downloading: Browsers that support CSS unicode-range will only download a font file if characters on the active page fall within that declared range.
Eliminating FOIT / FOUT: Smaller font payloads (e.g. 25KB vs 350KB) download in milliseconds over mobile connections, eliminating Flash of Invisible Text (FOIT) and reducing Largest Contentful Paint (LCP).

Web Font Subsetter & unicode-range CSS Builder

Web Font Subsetting & Performance Optimization

How unicode-range Improves Core Web Vitals

Tools Related to Font unicode-range Sizer

Unix Epoch Suite

Date Difference & Workdays

Cron Translator

Cron Visualizer & Timeline

How `unicode-range` Improves Core Web Vitals