Adambro Posted March 18, 2022 Share Posted March 18, 2022 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
Jia Posted March 18, 2022 Share Posted March 18, 2022 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 www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
Adambro Posted March 18, 2022 Author Share Posted March 18, 2022 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 Link to comment
Jia Posted March 18, 2022 Share Posted March 18, 2022 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 www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
Adambro Posted March 19, 2022 Author Share Posted March 19, 2022 Thank you so much, it's perfect and looks a MILLION times better. THANK YOU! Jia 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment