Showing local fonts in customizer view

Hi,
I've followed the guide here to install a local google font.
https://docs.generatepress.com/article/adding-local-fonts/
This works fine and I can select and use the font.
It appears on front end of site fine.
However the font does not appear in the customizer.

I have added the font css in my child theme style.css and it does not render the style in the customizer.

If I add the font style (@font-face ) in Simple CSS in the customizer then the font displays correctly in the customizer.
Is there a way to have the @font-face setup in child style.css and have it display/render correctly in the customizer?