curlybirdie21 Posted December 21, 2022 Share Posted December 21, 2022 I need to use Tahoma as the body font in my entire website, but unfortunately SS does not offer that font, just Open Sans (it's cousin) Is there any CSS I can use to convert my Open Sans content to Tahoma? The site is still being built and it private, which is why I have not shared the url. Thanks in advance for any help with this query! Smiles Jo Link to comment
Beyondspace Posted December 21, 2022 Share Posted December 21, 2022 1 hour ago, curlybirdie21 said: I need to use Tahoma as the body font in my entire website, but unfortunately SS does not offer that font, just Open Sans (it's cousin) Is there any CSS I can use to convert my Open Sans content to Tahoma? The site is still being built and it private, which is why I have not shared the url. Thanks in advance for any help with this query! Smiles Jo You can follow the steps on this video to install the custom css and apply it on your desired content: https://recordit.co/xLAoVsFHqC BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
curlybirdie21 Posted December 22, 2022 Author Share Posted December 22, 2022 Thanks, but I only need Tahoma for my paragraph and miscellaneous text - I want to keep my headings with a different font. Would this code work solely for paragraph and miscellaneous text? Thank you again for your speedy reply, I really appreciate it. Link to comment
curlybirdie21 Posted December 22, 2022 Author Share Posted December 22, 2022 Also.. I tried the code you had supplied and it looked great.However, I then needed to change the colour of some H4 text which is in Bebas Neue - when I changed the colour it also changed the font to Tahoma, so I feel like I need some additional CSS that makes sure the H fonts dont change from BN to Tahoma - is that something you could share with me? Thanks so much in advance Smiles Jo Link to comment
Beyondspace Posted December 23, 2022 Share Posted December 23, 2022 13 hours ago, curlybirdie21 said: Also.. I tried the code you had supplied and it looked great.However, I then needed to change the colour of some H4 text which is in Bebas Neue - when I changed the colour it also changed the font to Tahoma, so I feel like I need some additional CSS that makes sure the H fonts dont change from BN to Tahoma - is that something you could share with me? Thanks so much in advance Smiles Jo You can use the following extension to target the block id of your text, then we can set the appropriate style for it Squarespace ID Finder BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
sayreambrosio Posted December 23, 2022 Share Posted December 23, 2022 On 12/21/2022 at 5:46 AM, curlybirdie21 said: I need to use Tahoma as the body font in my entire website, but unfortunately SS does not offer that font, just Open Sans (it's cousin) Is there any CSS I can use to convert my Open Sans content to Tahoma? The site is still being built and it private, which is why I have not shared the url. Thanks in advance for any help with this query! Smiles Jo This will help. @inside_the_square has amazing tutorials. This is what I used for custom paragraph and header fonts on my site. Sayre Design Site: https://www.stregaconsulting.com Author Coordinates: https://bio.site/sayreambrosio Italian Journey: https://bio.site/ambrosiosjrnyhm Link to comment
curlybirdie21 Posted December 28, 2022 Author Share Posted December 28, 2022 wow thanks so much! Super useful - I really appreciate you taking the time to share this with me 🙂 Link to comment
curlybirdie21 Posted January 4, 2023 Author Share Posted January 4, 2023 On 12/23/2022 at 2:09 AM, Beyondspace said: You can use the following extension to target the block id of your text, then we can set the appropriate style for it Squarespace ID Finder Link to comment
curlybirdie21 Posted January 4, 2023 Author Share Posted January 4, 2023 Thanks so much, so I can certainly give you the SS ID but I am not sure that will solve the issue - you see each time I want to perhaps change the colour of an H font to one tha doesn't align to the site styles it converts the font from Bebas Neue to Tahoma, which I don't want it to do. I suppose I need code that ensures any H font stays in BN even if I change its colour. 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