Custom font not showing on Safari

Site URL: https://www.blenheimvintners.com

Hi,

Seems that it's a recurring issue on the forum. I've uploaded a custom font but it's not showing on Safari once published. It works fine on Chrome.

Any help will be very appreciated!

Thanks 

13 hours ago, Sila said:

Site URL: https://www.blenheimvintners.com

Hi,

Seems that it's a recurring issue on the forum. I've uploaded a custom font but it's not showing on Safari once published. It works fine on Chrome.

Any help will be very appreciated!

Thanks 

Hi! Could be because the file is .otf, whereas the web supported font files are .woff and .woff2. If you're using Montserrat, it's best to use it natively on Squarespace. You can activate the font in the fonts area under Site Styles. Doing this will also improve the speed of your website. Let me know if you have any questions 😊

I have a similar issue - but I'm using a SqSp font. I"m only using it for h1 tags

h1 {
    font-family: bilbo swash caps;  
}

Looks correct an all browsers but Safari. Any advice? 

On 3/30/2022 at 10:18 PM, Grid said:

I have a similar issue - but I'm using a SqSp font. I"m only using it for h1 tags

h1 {
    font-family: bilbo swash caps;  
}

Looks correct an all browsers but Safari. Any advice? 

Can you share link to site where you have problem? We can check easier

https://www.forestandfieldcollective.com/

The font in the banner is showing on Chrome correctly, but not Safari

17 hours ago, Grid said:

https://www.forestandfieldcollective.com/

The font in the banner is showing on Chrome correctly, but not Safari

Hi,

It is custom font or SS font? If custom font, have you declared @font-face yet?

@font-face {
	font-family: 'bilbo-swash-caps';
	src: url(paste bilbol font file url here paste bilbol font file url here);
}

h1 {
    font-family: 'bilbo-swash-caps';
}

It's a SS font

On 4/6/2022 at 8:45 PM, Grid said:

It's a SS font

If it is Squarespace font & have problem on Safari only. You try contacting Squarespace Customer Care first