Jump to content

Custom Site Title Font Brine Template

Recommended Posts

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

Blog: beautybyjessika.com | NO PASSWORD

Hello,

I'm trying to use a custom font I uploaded to change my blog's site title/header branding. I've tried all the codes (header-branding, site-title) but none are responding. I suspect it has something to do with the template I'm using or an oversight resulting in a user error, lol. 

Here's the code I currently have:

@font-face {
  font-family:"celesse";
  src: url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd87054cb3491b4103a54d/1589479173816/Celesse-Regular.otf), url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd870b09bd893bf0bb49df/1589479179316/Celesse-Regular.ttf); 
}
/* Font Celesse Site Title */
.header-nav-item a {
   font-family: 'celesse' !important;
}
/* Font Nav */
div#topNav a {
   font-family: 'celesse' !important;
}

Your help is appreciated.

Jessika

Link to comment

Add to Home > Design > Custom CSS

@font-face {
  font-family: celesse;
  src: url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd87054cb3491b4103a54d/1589479173816/Celesse-Regular.otf), url(https://static1.squarespace.com/static/55f4f0c9e4b08f0fd06083d8/t/5ebd870b09bd893bf0bb49df/1589479179316/Celesse-Regular.ttf); 
}
a.Header-branding, a.Mobile-bar-branding {
    font-family: celesse !important;
}

 

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
  • 1 year later...

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.