Font-awesome + core web vitals + Laravel

Pagespeed Insights is complaining about fonts loading on our website:

Preload key requests

…fontawesome-pro/webfa-brands-400.woff2?167c3d4… …fontawesome-pro/webfa-solid-900.woff2?43df9d1… …fontawesome-pro/webfa-light-300.woff2?f39d4ae…

So I looked at our app.scss and I see this:

@import '~@fortawesome/fontawesome-pro/css/all.css';

and then in the app.css it is expanded to include all of those files.

How do I tell app.scss to preload these and do I really need to load ALL of the fontawesome-pro fonts on every single page? that seems really stupid.

via Chebli Mohamed