Jump to content

Change Site Title To Custom Font

Recommended Posts

Site URL: https://chipmunk-turbot-3bw7.squarespace.com/general-4

Hi there,

I've seen this question asked and answered a lot across the forum but non of the different CSS code solutions seems to work for me, so I'm not sure if the template I'm using requires a very specific piece of code...?

I'm looking to change my site title to a custom font which I have already uploaded and rolled out to other pages across my website.  The font I have uploaded is entitled 'OGG'

The link to my site is https://chipmunk-turbot-3bw7.squarespace.com/general-4

Any help most appreciated!

Cheers,

Robin.

Link to comment
On 3/1/2021 at 4:52 AM, JKXPVH said:

Hi!

I have a similar question.

I'm just starting a new website and would like to have the site title in a custom font that I uploaded already.
I tested some css code but nothing worked out. Which is the right CSS code to add? 

Name of the font uploaded > Relaate 0.7 - Serif Regular

SITE URL > https://heron-flower-xsj7.squarespace.com/

Thanks!

Hi. Your site is private. Can you setup password & share url again?

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 3/3/2021 at 6:05 PM, JKXPVH said:

Add to Design > Custom CSS. Replace with your font file url

@font-face { 
  font-family: nexa; 
  src: url(https://static1.squarespace.com/static/5d2b34d977f80900014edb0d/t/5e3f7cb899dd6e23d8b1e836/1581219002767/nexa-regular.otf); 
} 
a#site-title {
    font-family: nexa;
}

 

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.