The State of Web Vitals

Shopify web font formats and the Core Web Vitals

99.4% of font-using sites (8,015) serve modern WOFF2 fonts and reach 97% good LCP (1.3s median), while the 20.8% still serving legacy WOFF (96% good LCP) and 2.9% serving uncompressed TTF (90% good LCP) lag behind.

Field data PhoneDesktopAll Scope All sites October 2026 edition · Desktop field outcomes · Shopify sites only
Shopify Scoped to 8,248 sites out of 203,892 analyzed (cms) Compare with all sites →

2.5% of Shopify sites use other font formats web font format, and 98% of those sites have a good LCP, against 97% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
1

LCP pass rate

Sites with other font formats web font format have a good LCP most often: 98%, against 97% of all Shopify sites. Sites with TrueType (TTF) fonts font formats have it least often, at 90%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites3,81897%1.3s
Other font formats 2.5%10398%1.2s
WOFF2 (Brotli-compressed) 99.4%3,72097%1.3s
WOFF (Legacy zlib) 20.8%89996%1.4s
OpenType (OTF) 2.5%13793%1.4s
TrueType (TTF) 2.9%14790%1.5s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Web font format usage

WOFF2 fonts is the most used: 99.4% of Shopify sites. Other font formats is 2.5% of Shopify sites.

Sites using each option (sites can use more than one) 8,067 sites
WOFF2 (Brotli-compressed) 99.4% WOFF (Legacy zlib) 20.8%
WOFF2 (Brotli-compressed) 99.4% WOFF (Legacy zlib) 20.8% TrueType (TTF) 2.9% OpenType (OTF) 2.5% Other font formats 2.5%
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
3

LCP phase breakdown by web font format

Across the four LCP sub-parts in Chrome's field data, the largest gap between other font formats and TrueType (TTF) fonts sits in resource load delay: 601 ms median for other font formats against 720 ms for TrueType (TTF) fonts. Overall median field LCP is 1.2s for other font formats (TTFB 292 ms, load delay 601 ms, load duration 137 ms, render delay 307 ms) versus 1.5s for TrueType (TTF) fonts.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with web font format 3,070305 ms631 ms306 ms631 mslab 621 ms1.3s
Other font formats 83292 ms601 ms307 ms601 mslab 575 ms1.2s
WOFF2 (Brotli-compressed) 3,049305 ms631 ms306 ms631 mslab 620 ms1.3s
WOFF (Legacy zlib) 758322 ms683 ms337 ms683 mslab 678 ms1.4s
TrueType (TTF) 119334 ms720 ms375 ms720 mslab 695 ms1.5s
OpenType (OTF) 116317 ms749 ms356 ms749 mslab 730 ms1.4s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
4

Web font format per framework

On jQuery, 99% of sites use WOFF2 fonts web font format, and 95% of jQuery sites have a good LCP, against 97% of all sites. On Vue, 99% of sites use WOFF2 fonts, and 97% of Vue sites have a good LCP.

FrameworkWeb font format on its sitesGood LCP
Shopify sites with web font format 8,067 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 21%97%
Vue 925 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 45%97%
jQuery 3,091 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 23%95%
WOFF2 (Brotli-compressed) WOFF (Legacy zlib) TrueType (TTF) OpenType (OTF) Other font formats
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
5

Web font format or the framework

Does the framework explain the web font format difference?

On jQuery, 95% of sites with WOFF2 fonts web font format have a good LCP, against 94% of jQuery sites with legacy WOFF fonts. Within jQuery, sites with WOFF2 fonts and legacy WOFF fonts have a good LCP about equally often. On Vue, 96% of sites with WOFF2 fonts web font format have a good LCP, against 96% of Vue sites with legacy WOFF fonts. Within Vue, sites with WOFF2 fonts and legacy WOFF fonts have a good LCP about equally often.

Why WOFF2 replaces legacy WOFF, TTF, and OTF across all modern browsers

WOFF2 uses custom Brotli preprocessing to compress font glyphs ~30% smaller than legacy WOFF and up to 50%+ smaller than raw TTF or OTF files, and has been supported by every major browser since 2016. Across 8,015 font-using sites (99.4%) serving WOFF2, good LCP reaches 97% (1.3s median). Sites still serving legacy WOFF (20.8%, 1,674) drop to 96% good LCP (1.4s median), and sites serving raw TTF (2.9%, 237) drop to 90% good LCP (1.5s median).

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
6

Understanding web font formats

Declare only format("woff2") in your @font-face src rules and ensure WOFF2 is listed first if legacy fallbacks exist, so modern browsers never download uncompressed TTF or WOFF files. Across all font-using sites, 99.4% serve WOFF2 (97% good LCP) versus 2.9% serving raw TTF (90% good LCP).

Go fix it Self-host Google Fonts → Responsive font loading strategy →
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 3,818 with desktop field data · 8,067 sites with web font formatBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Uses @import → font-display strategy → Images per page → Cookies per site → By Arjen Karel · 8,246 crawled Shopify sites (3,818 with desktop Chrome field data, 8,067 sites with web font format, October 2026) · How we measured