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 95% good LCP (1.4s median), while the 20.8% still serving legacy WOFF (94% good LCP) and 2.9% serving uncompressed TTF (88% good LCP) lag behind.

Field data PhoneDesktopAll Scope All sites October 2026 edition · Phone 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 95% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone 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 95% of all Shopify sites. Sites with TrueType (TTF) fonts font formats have it least often, at 88%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites5,82595%1.4s
Other font formats 2.5%14498%1.3s
WOFF2 (Brotli-compressed) 99.4%5,66995%1.4s
WOFF (Legacy zlib) 20.8%1,26694%1.5s
OpenType (OTF) 2.5%17089%1.6s
TrueType (TTF) 2.9%18088%1.7s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone 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 · 5,825 with phone 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: 576 ms median for other font formats against 700 ms for TrueType (TTF) fonts. Overall median field LCP is 1.3s for other font formats (TTFB 385 ms, load delay 576 ms, load duration 174 ms, render delay 290 ms) versus 1.7s for TrueType (TTF) fonts.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with web font format 4,951402 ms590 ms205 ms314 ms590 mslab 596 ms1.4s
Other font formats 118385 ms576 ms290 ms576 mslab 572 ms1.3s
WOFF2 (Brotli-compressed) 4,919402 ms590 ms205 ms314 ms590 mslab 596 ms1.4s
WOFF (Legacy zlib) 1,121418 ms649 ms204 ms344 ms649 mslab 651 ms1.5s
TrueType (TTF) 156429 ms700 ms193 ms413 ms700 mslab 711 ms1.7s
OpenType (OTF) 155391 ms717 ms380 ms717 mslab 727 ms1.5s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone 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 93% of jQuery sites have a good LCP, against 95% of all sites. On Vue, 99% of sites use WOFF2 fonts, and 94% 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%95%
Vue 925 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 45%94%
jQuery 3,091 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 23%93%
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 · 5,825 with phone 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, 96% of sites with other font formats web font format have a good LCP, against 93% of jQuery sites with WOFF2 fonts. Within jQuery, sites with other font formats and WOFF2 fonts have a good LCP about equally often. On Vue, 94% of sites with WOFF2 fonts web font format have a good LCP, against 93% 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 95% (1.4s median). Sites still serving legacy WOFF (20.8%, 1,674) drop to 94% good LCP (1.5s median), and sites serving raw TTF (2.9%, 237) drop to 88% good LCP (1.7s median).

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone 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 (95% good LCP) versus 2.9% serving raw TTF (88% 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 · 5,825 with phone 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 (5,825 with phone Chrome field data, 8,067 sites with web font format, October 2026) · How we measured