prefers-reduced-data media query
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.
Status
Limited availability
MDN documentation
Specifications
Browser support
- Chrome ❌
- Chrome Android ❌
- Edge ❌
- Firefox ❌
- Firefox for Android ❌
- Safari ❌ Vendor position : unknown (concerns: privacy)
- Safari on iOS ❌ Vendor position : unknown (concerns: privacy)
Developer signals
- State of CSS 2025: usage/css_interoperability_features question
- State of CSS 2024: features/all_features question
Developer signals
Votes: 3
If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist