When linking font in CSS - URL not working correctly.

Hi All,

I am using CSS to link a custom font onto my site. When using the standed code, the // in HTTPS:// turns the url into a comment and therefore doesn't link correctly. Removing the https:// then gives me a syntax error. Everyone doing this online doesn't seem to have this issue at all. Any advice? Code I am using is below;

@font-face {
font-family: 'Curly'; 
src: url (https://static1.squarespace.com/static/5ffc1ae692e37d47576a1330/t/639b18c36c2d4e7408135839/1671108803929/CCSignLanguage+Bold+Italic.otf);
}

Thanks!

1 hour ago, JustUpstairs said:

Hi All,

I am using CSS to link a custom font onto my site. When using the standed code, the // in HTTPS:// turns the url into a comment and therefore doesn't link correctly. Removing the https:// then gives me a syntax error. Everyone doing this online doesn't seem to have this issue at all. Any advice? Code I am using is below;

@font-face {
font-family: 'Curly'; 
src: url (https://static1.squarespace.com/static/5ffc1ae692e37d47576a1330/t/639b18c36c2d4e7408135839/1671108803929/CCSignLanguage+Bold+Italic.otf);
}

Thanks!

Does this font work properly when you set it in Css?

I try and can still download it from your above link

No it doesn't work. In the CSS everything after https:// is seen as a comment and not a URL.

The link itself works if you paste into a browser etc... but doesn't in CSS as for some reason its seeing the // as a comment indicator.