Fonts not loading into project when using CDN


(Stephen G) #1

Hi just wondering if anyone has had trouble with fonts not loading? Getting errors for all of my fonts when uploaded to server. Would it be better practice to embed all fonts in the resources folder rather than calling them using CDN? Screen-grab attached, many thanks Steve.

Console error:

Failed to load resource: net::ERR_FAILED


#2
  • Do you have any ad blockers setup? These can sometimes block fonts.
  • Ideally, you would be loading everything over https, so if that’s easy to do on your end, do it.
  • If you can disable the application cache (and don’t need it), uncheck that option in the document inspector.
  • When you have Application cache setup, it is best not to use external fonts from other servers. It should allow you to load external fonts, but you may need to add an asterisk to your manifest file. It looks like this:
#556554840.771524

../x.html
HYPE-596.thin.min.js
HYPE-596.full.min.js
x_hype_generated_script.js?58113
PIE.htc
blank.gif

NETWORK:

Just add a line after NETWORK: with this character: * and see if that fixes it. (More info on this property)


(Stephen G) #3

Thats fantastic @Daniel thanks for the help & advice, don’t have time to test it today but hopefully this will do the trick when i get around to it later in the week! Will repost and close the topic then hopefully!!

Cheers! :coffee:
Steve.