Web platform features explorer - prefers-reduced-data media query

Web platform features explorer

Tags: css Groups: CSS > Media queries

The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.

Learn more

prefers-reduced-data

Specifications

Media Queries Level 5 (#prefers-reduced-data), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌
Chrome Android ❌
Edge ❌
Firefox ❌
Firefox for Android ❌
Safari ❌ Vendor position (concerns: privacy)
Safari on iOS ❌ Vendor position (concerns: privacy)

Developer signals

State of CSS 2024: features/all_features question

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist