Steps to reproduce the problem

1. Navigate to https://vine-solstice-prose.glitch.me/index-2.html
2. Open Chrome DevTools
3. The page contains a <link rel="preload"> directive to the Roboto-Regular.woff2 font. The page downloads this font as expected.
4. Since the font file is referenced (but not used) in the CSS file, then the browser does not show any warning in the console.

Problem Description

Expected: The browser should show a warning message informing the user that the preload was unused, similarly to the one shown when a font file is not referenced. Font files are only downloaded when needed, so it would be beneficial to inform the user that the preload should be removed, reducing bandwidth contention and improving page load times.

Baseline: The page https://vine-solstice-prose.glitch.me/ includes the same preload but the CSS file does not reference the font file. After a few seconds, the DevTools console correctly shows the warning:

The resource https://cdn.glitch.global/03356eec-ef87-4b9b-a1bd-c5fe5b6fc957/Roboto-Regular.woff2?v=1734624348114 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

Additional Comments

Attached a screencast that reproduces the error

Summary

Feature Request: Chrome DevTools console should show a warning when a font preload is unused

Additional Data

Category: Developer Tools
Chrome Channel: Stable
Regression: No