custom fonts throwing errors

I’ve uploaded a custom font on Elementor but when I test my website on platforms like GTMetrix and Google Pagespeed Insights, they all tell me that my fonts are giving errors while loading.

GPI gives me this error for the fonts:

Access to font at ‘https://parmsyoga.com/wp-content/uploads/2020/06/Heuristica-Bold.ttf’ from origin ‘https://www.parmsyoga.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Any idea on what this means and how to resolve these errors?

These are showing up for all formats of my font. Some have just failed to load completely and are throwing this error:

Failed to load resource: net::ERR_FAILED

Yet, the font is still showing up on my website. Not complaining but would like to fix whatever is broken.

Any advice?

Thanks,

Parm

The page I need help with: [log in to see the link]