Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to add Helvetica Bold to Squarespace 7.1?


Momo222

Question

  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

Hello,

If you have already downloaded and uploaded the font then you can use the following code to apply the font to the header navigation.

@font-face {
font-family: "Helvetica-Bold";
src: url(YOUR_FONT_URL_HERE);
}

.header .header-nav a {
font-family: "Helvetica-Bold" !important;
}

Hope this helps,

-Dan

Link to comment
  • 0

Hey Dan, 

Thanks so much for your reply!

So I've downloaded the Helvetica Bold ttf file and uploaded it in Squarespace under 'manage custom files' to get the source url. When I insert it into the code it comes up like this:

@font-face {
font-family: "Helvetica-Bold";
src: url(https://static1.squarespace.com/static/60bd199fc8d3a536e1f4da0a/t/60fa95bbcad33d22b1edf2e5/1627035067979/Helvetica-Bold-Font.ttf);
}

.header .header-nav a {
font-family: "Helvetica-Bold" !important;
}

Is that correct, as it's not working? 😞

Thanks again

M

Link to comment
  • 0
On 7/23/2021 at 5:19 PM, Momo222 said:

Hey Dan, 

Thanks so much for your reply!

So I've downloaded the Helvetica Bold ttf file and uploaded it in Squarespace under 'manage custom files' to get the source url. When I insert it into the code it comes up like this:

@font-face {
font-family: "Helvetica-Bold";
src: url(https://static1.squarespace.com/static/60bd199fc8d3a536e1f4da0a/t/60fa95bbcad33d22b1edf2e5/1627035067979/Helvetica-Bold-Font.ttf);
}

.header .header-nav a {
font-family: "Helvetica-Bold" !important;
}

Is that correct, as it's not working? 😞

Thanks again

M

Can you add & keep the code in Custom CSS? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
23 hours ago, Momo222 said:

Hey!

Yes, I've re-added the code mentioned before I'm my custom CSS. Will you be able to check?

Thank you so much! x

Your code is correct. Where did you get font file? Can you shaer link to that?

Email me if you have need any help (free, of course.). Answer within 24 hours.

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