Customised font for entire website

Site URL: https://www.47woolshedroad.com.au

Good afternoon,

I've searched forum but can't seem to find the answer on customised font for the entire website. It all seems to be very specific or related to one area of peoples pages.

Website: www.47woolshedroad.com.au

I am looking for a specific font across my website that doesn't appear to be available through Squarespace's main avenues.

I am trying to get all my fonts across to 'Barlow Semicondensed Thin'.

If you could help that would be excellent.

Thanks, 

Adam

47 minutes ago, Adambro said:

Site URL: https://www.47woolshedroad.com.au

Good afternoon,

I've searched forum but can't seem to find the answer on customised font for the entire website. It all seems to be very specific or related to one area of peoples pages.

Website: www.47woolshedroad.com.au

I am looking for a specific font across my website that doesn't appear to be available through Squarespace's main avenues.

I am trying to get all my fonts across to 'Barlow Semicondensed Thin'.

If you could help that would be excellent.

Thanks, 

Adam

Hi, that font is a Google font so we'll have to import it.

Insert this code in the Header area of the Code Injection page (Settings > Advanced > Code Injection)

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100&display=swap" rel="stylesheet">

Then in Custom CSS (Design > Custom CSS), add this code to make all the text Barlow Semi Condensed Thin:

* {
  font-family: 'Barlow Semi Condensed', sans-serif;
}

Let me know how it goes 🙂 

Hi!

Thanks for your reply.

The main content for font is good, however the content of the following has not trasitioned:

• Buttons
• Large headings

The general text however has worked and looks amazing!

Thanks,

Adam

3 hours ago, Adambro said:

Hi!

Thanks for your reply.

The main content for font is good, however the content of the following has not trasitioned:

• Buttons
• Large headings

The general text however has worked and looks amazing!

Thanks,

Adam

Glad it worked! For the buttons and headers, add this code as well:

.sqs-block-button-element {
  font-family:'Barlow Semi Condensed', sans-serif;
}

h1, h2, h3 , h4 {
  font-family:'Barlow Semi Condensed', sans-serif;
}

Thank you so much, it's perfect and looks a MILLION times better.

THANK YOU!