There is a project for the react, as a css preprocessor is used less. Fonts are connected in a separate .less file:
src: url('../fonts/Roboto-Bold.woff') format('woff');
This file is imported into a file with styles :
Google page speed complains about the lack of preload strategy:
In addition, for projects with the sass preprocessor page speed does not give such errors, as I understand webpack itself it optimizes.
The project uses and customize CRA-cra, less the loader is connected to the config-overrides.js:
module.exports = override(
Might need some plugins for webpage, but I wasn't able to Google information about this.
I would be grateful for any help.