Jump to content

Customised font for entire website

Recommended Posts

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

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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 🙂 

Please give this a 👍 if it helps

Link to comment
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;
}

Please give this a 👍 if it helps

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

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.