How to add Helvetica Bold to Squarespace 7.1?

Site URL: https://parrot-apricot-rfb9.squarespace.com/

Hey everyone, 

Please can you help me with a custom CSS to apply Helvetica Bold across my nav bar and headers. ATM I have the system font Helvetica Neue at its biggest weight 700 but the brand demands Helvetica Bold. 

Page (still under construction): https://parrot-apricot-rfb9.squarespace.com/

Much appreciated!

M x

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

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

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

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

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?

So I've downloaded the Helvetica Bold ttf file online and uploaded it in Squarespace under 'manage custom files' to get the:

https://static1.squarespace.com/static/60bd199fc8d3a536e1f4da0a/t/60fa95bbcad33d22b1edf2e5/1627035067979/Helvetica-Bold-Font.ttf

Probably haven't done this right? x