Change Site Title To Custom Font

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.

Hi. Add to Design > Custom CSS

/* Site title font */
a#site-title {
    font-family: 'OGG';
}

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!

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?

https://heron-flower-xsj7.squarespace.com/

PW: MOOISTESITE123

On 3/3/2021 at 6:05 PM, JKXPVH said:

https://heron-flower-xsj7.squarespace.com/

PW: MOOISTESITE123

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;
}