Why doesn't my font appear on my website the same as how I've formatted it

A random issue has started happening, after almost a year of no issues whatsoever - my font type and placement has changed on my live website (both on my browser and my friend's phone). Attached 2 screenshots - one of how my website looks currently (sometimes placement of text also moves so that it's in the top left corner), and second screenshot is in the configuration pages, how I want it to look. 

Why is this suddenly happening and how can I change it?

It's almost as if the font itself (the one I want) isn't functioning within Squarespace right now and isn't loading?

Very strange as it's been fine up until now - on all browsers, on mac/phone etc etc.