Nutter Tools
Nutter Tools

A free toolbox that runs in your browser. A tool for every job.

Your files never leave your device

Images

  • Convert images
  • Compress images
  • Resize images
  • Crop
  • Watermark

PDF & files

  • Merge PDFs
  • Split a PDF
  • Images to PDF
  • PDF to images
  • Remove photo location

Video & audio

  • Compress video
  • Convert video
  • Video to GIF
  • Convert audio
  • Trim audio

Everyday

  • QR codes
  • Passwords
  • Time zones
  • Unit converter
  • Word count
  • Webcam test

Developer

  • JSON formatter
  • Base64
  • Regex tester
  • Hashes
  • JWT decoder

Site

  • About
  • Contact
  • Settings
  • Privacy
  • Terms
  • Site map
  • llms.txt

Everyday

  • Images
  • Video
  • Audio
  • PDF & files
  • Text
  • QR codes
  • Units & math
  • Time & dates
  • Color
  • Passwords & IDs
  • Device tests
  • Sun & moon

For developers

  • JSON
  • Encoding
  • Regex & cron
  • Web & auth
  • Hashing & encryption
  • Config files
  • Network
  • Browser
  • AI
  • Fake data
© Nutter Toolsnutter.tools
  1. Home
  2. Web & auth
  3. Web font loading optimizer
Your files stay on your device

Web font loading optimizer

Paste your @font-face CSS and get per-face findings on font-display, WOFF2, unicode-range, and preloads, plus optimized CSS with size-adjust fallback faces and preload tags.

This tool is in beta

Still being tested. If a result looks wrong, tell us.

Report a problem

Paste your @font-face CSS to see how each face loads.

Each face reports what the CSS text alone can prove: a missing or blocking font-display, a source list without WOFF2 or without format hints, a missing unicode-range, and whether the face can be preloaded at all. Preload tags carry crossorigin because fonts always need it, and at most 2 are emitted because every font preload competes with the largest contentful paint. The fallback faces use the Capsize metrics table for common fonts on their regular style; a family outside the table says so instead of inventing numbers. Overrides shrink the swap gap but do not remove layout shift entirely, and this tool is paste-only: fetching a stylesheet from a URL needs a server, because CORS blocks cross-origin reads in a browser tab.

Font CSS

font-display for text facesRewritten into every face in the optimized CSS
Family plus optional weight, e.g. Inter 400, Inter 700. Drives the 2 preload tags and the fallback faces.

The paste stays within 60,000 characters and the first 40 @font-face rules are read. Everything below runs in this tab as you type; nothing is fetched.

More web & auth tools

  • CSP evaluator & builder
  • Subresource integrity
  • HTTP header parser
All web & auth tools

Was this tool useful?