webfont-format

Installation
SKILL.md

Optimize web font formats

Modern font formats reduce file sizes by 30-50%—directly improving page load speed and Core Web Vitals scores.

Quick Reference

  • Use WOFF2 as primary format (~30% smaller than WOFF)
  • Include WOFF fallback for older browsers
  • Apply font-display: swap for better perceived performance
  • Preload critical fonts and subset to reduce file sizes

Check

Verify that web fonts use modern formats (WOFF2, WOFF) with proper fallbacks and are optimized for performance with font-display and preloading strategies.

Fix

Convert fonts to WOFF2/WOFF formats, implement proper font loading strategies, and optimize font delivery with compression and caching.

Installs
4
GitHub Stars
73.9K
First Seen
Aug 11, 2026
webfont-format — thedaviddias/front-end-checklist