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
  • Replies 5
  • Created
  • Last Reply
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.