I just saw your most recent video about your media fast and looked over your channel. Let me tell you, this series came to me at the perfect time. Thank you!!
Ah amazing! Are you building a new website for yourself? Let me know if there’s any other web design related content that would be helpful! Trying to figure out what kind of video to make next 😊
@jenwebbcreates yes I am!! I’d like to have my coaching website + wellness blog up and running next month - we’ll see. I sometimes struggle with customisation and with imagining certain elements in use. For example I see a building block and don’t realise I could customise it in a way that would look great and also function the way I want.
okay I was holding off on responding to this comment because I wanted to make a video about it but I'm not sure when I'll get to it so I'm just going to respond here for now. You have to use custom CSS to add a custom font. if you are using an adobe font, the process is completely different so let me know if that's the case lol first upload the font to your website - in the custom CSS panel there's a "custom files" button where you can upload files to use in your CSS. in your CSS define the font family using this code: /* FONTS **********/ @font-face { font-family: 'Arial-Narrow'; src: url('static1.squarespace.com/static/62044b802cdfb52cc6a/t/63eadee84395f66a0deaa5/ArialNarrow.woff') format('woff'); } the url('...') part needs to be replaced with the font file you just uploaded. to get the url, click the "custom files" button again and click the file you just uploaded. It will copy the file's URL to the CSS window wherever your cursor is. copy that to inside the url('') and also make sure the format('...') matches the type of the font file you're uploading. like .ttf, .woff2, etc. now the font is uploaded and defined, you just need to assign it to whatever types of text you want to use it for. something like this: h1, h2, h3, h4, p, a { font-family: 'Arial-Narrow'; } → if you're unfamiliar with CSS I made a video on the basics of using it in a squarespace website, you can find that here: th-cam.com/video/-zhzzEvC8GQ/w-d-xo.html&ab_channel=JenWebbCreates hope that helps! I'll try to explain it better in a future video 😊
I just saw your most recent video about your media fast and looked over your channel. Let me tell you, this series came to me at the perfect time. Thank you!!
Ah amazing! Are you building a new website for yourself? Let me know if there’s any other web design related content that would be helpful! Trying to figure out what kind of video to make next 😊
@jenwebbcreates yes I am!! I’d like to have my coaching website + wellness blog up and running next month - we’ll see. I sometimes struggle with customisation and with imagining certain elements in use. For example I see a building block and don’t realise I could customise it in a way that would look great and also function the way I want.
Great explanation for beginners👍
you made my day better little girl, thanks for your contents
your videos are so well done!! perfect editing and so much detail. thanks for this!!!
aw thank you for saying that I appreciate it!
Love your content. Curious how you add a custom brand font that isn't in the list of fonts Squarespace lets you choose from?
okay I was holding off on responding to this comment because I wanted to make a video about it but I'm not sure when I'll get to it so I'm just going to respond here for now. You have to use custom CSS to add a custom font. if you are using an adobe font, the process is completely different so let me know if that's the case lol
first upload the font to your website - in the custom CSS panel there's a "custom files" button where you can upload files to use in your CSS. in your CSS define the font family using this code:
/* FONTS **********/
@font-face {
font-family: 'Arial-Narrow';
src: url('static1.squarespace.com/static/62044b802cdfb52cc6a/t/63eadee84395f66a0deaa5/ArialNarrow.woff') format('woff');
}
the url('...') part needs to be replaced with the font file you just uploaded. to get the url, click the "custom files" button again and click the file you just uploaded. It will copy the file's URL to the CSS window wherever your cursor is. copy that to inside the url('') and also make sure the format('...') matches the type of the font file you're uploading. like .ttf, .woff2, etc.
now the font is uploaded and defined, you just need to assign it to whatever types of text you want to use it for. something like this:
h1, h2, h3, h4, p, a {
font-family: 'Arial-Narrow';
}
→ if you're unfamiliar with CSS I made a video on the basics of using it in a squarespace website, you can find that here: th-cam.com/video/-zhzzEvC8GQ/w-d-xo.html&ab_channel=JenWebbCreates
hope that helps! I'll try to explain it better in a future video 😊
🔥🔥🔥