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.

Compatibility

• Chrome ❌ Search for bugs Search for Chromestatus entry
• Chrome Android ❌ Search for bugs Search for Chromestatus entry
• Edge ❌ Search for bugs Search for Chromestatus entry
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.at-rules.media.prefers-reduced-data