Fonts.com @font-face implementation show status=cancelled in Chrome network tab

Question

I have a weird issue, today my fonts from fonts.com have a status cancelled in Chrome network tab.

The behaviour is that when I visit a secure page (https) and then navigate to a nonsecure one the fonts get cancelled. But the good news is that after a few refreshes the fonts get served properly.

Any ideas why this might occur?

Answer 1

Look at chrome console tab! there may be a CORS error - adding below lines to your htaccess file

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"

should help