Jump to content

Custom font not showing on Safari

Recommended Posts

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 

Screenshot 2022-03-02 at 18.19.41.png

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 😊

Edited by Jia

Please give this a 👍 if it helps

Link to comment
  • 4 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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';
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.