URL: https://muenchensued.squarespace.com/
Password: Schwalbe
Hi there, I'm using a custom Google font (Rowdies) on my website, and it's working fine in Chrome but not in Safari and on mobile - the font that shows is a completely different one from the ones set in the site styles as well, which is strange. Is there a way of either making the font work everywhere or at least establishing that if the custom font can't be loaded it reverts back to what's defined in the site styles?
This is the code I'm using
@import url('https://fonts.googleapis.com/css?family=Rowdies:wght@300&display=swap');
h1{font-family: 'Rowdies', cursive;}
h2{font-family: 'Rowdies', cursive;}
h3{font-family: 'Rowdies', cursive;}
h4{font-family: 'Rowdies', cursive;}
Thanks so much!