Site URL: https://robin-khaki-7l6n.squarespace.com/test-styles-page
I've been trying to add a Google font (that is not available on the list of available SquareSpace fonts) using the following CSS:
@import url('https://fonts.googleapis.com/css?family=Barlow:wght@100&display=swap');
@font-face {font-family: 'Barlow', sans-serif;}
p {font-family:'Barlow'; font-weight: 100;}
While I'm in the midst of editing the custom CSS, the fonts on the page display properly. However, after I save the CSS and navigate to a different page, all the fonts change to a random font (and not even a sans-serif font!). Furthermore, when I inspect the code, it says that the font displayed is Barlow (see screen shot)
Then the weirdest thing: when I navigate back to the Custom CSS area, the fonts change back to the "Barlow" font specified in the CSS. Without me making any changes! Just by navigating to that screen.
Can anyone help?