Jump to content

How to set custom font for navigation

Recommended Posts

Guest poli123

How to set custom font for navigation? I have been trying codes I see, but it wont work. I am using Roseti template. Thanks in advance!

Link to comment
  • Replies 5
  • Created
  • Last Reply

@poli123 What code did you use? and can you share site url?

But if you want to use custom font, you need to use


@font-face {
  font-family: your-font-name;
 src: url(font-url);
}
h1, h2, h3, p {
 font-family: your-font-name !important;
}


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
Guest poli123

I didnt have any problem with the header texts or body texts, my main concern is the custom font for the navigation. I tried this one:

.Header-nav { font-family: 'Akkurat-Mono'; font-weight: 400; font-style: normal; font-size: 20px; letter-spacing: .2em; text-transform: uppercase; }

but it wont work. Thanks for the reply!

Link to comment

@poli123 try


.Header-nav { font-family: 'Akkurat-Mono' !important; font-weight: 400; font-style: normal; font-size: 20px; letter-spacing: .2em; text-transform: uppercase; }


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

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.