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

Field data PhoneDesktopAll Scope All sites October 2026 edition · All devices 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 99% of those sites have a good LCP, against 96% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices 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: 99%, against 96% of all Shopify sites. Sites with TrueType (TTF) fonts font formats have it least often, at 90%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites8,06296%1.3s
Other font formats 2.5%20499%1.3s
WOFF2 (Brotli-compressed) 99.4%7,83496%1.3s
WOFF (Legacy zlib) 20.8%1,63895%1.4s
OpenType (OTF) 2.5%20392%1.5s
TrueType (TTF) 2.9%23390%1.6s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices 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 · 8,062 with all devices 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 element render delay: 280 ms median for other font formats against 400 ms for TrueType (TTF) fonts. Overall median field LCP is 1.3s for other font formats (TTFB 368 ms, load delay 584 ms, load duration 181 ms, render delay 280 ms) versus 1.6s for TrueType (TTF) fonts.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with web font format 6,843390 ms590 ms208 ms300 ms590 mslab 590 ms1.3s
Other font formats 170368 ms584 ms280 ms584 mslab 584 ms1.3s
WOFF2 (Brotli-compressed) 6,799390 ms590 ms207 ms300 ms590 mslab 590 ms1.3s
WOFF (Legacy zlib) 1,455406 ms641 ms204 ms325 ms641 mslab 641 ms1.4s
TrueType (TTF) 202409 ms693 ms194 ms400 ms693 mslab 693 ms1.6s
OpenType (OTF) 180392 ms699 ms368 ms699 mslab 699 ms1.5s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices 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 94% of jQuery sites have a good LCP, against 96% of all sites. On Vue, 99% of sites use WOFF2 fonts, and 95% 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%96%
Vue 925 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 45%95%
jQuery 3,091 sitesWOFF2 (Brotli-compressed) 99%WOFF (Legacy zlib) 23%94%
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 · 8,062 with all devices 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, 97% of sites with other font formats web font format have a good LCP, against 94% 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, 95% of sites with WOFF2 fonts web font format have a good LCP, against 94% 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 96% (1.3s median). Sites still serving legacy WOFF (20.8%, 1,674) drop to 95% good LCP (1.4s median), and sites serving raw TTF (2.9%, 237) drop to 90% good LCP (1.6s median).

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices 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 (96% 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 · 8,062 with all devices 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 (8,062 with all devices Chrome field data, 8,067 sites with web font format, October 2026) · How we measured