Aurora

I've evaluated many of these consent tools for use with Squarespace and as a result I personally recommend CookieScript. (This is an affiliate link. If you make a purchase you'll receive the best price and I may receive a tiny commission. It hasn't influenced my opinion as I use this product myself and with clients).
I find this to be the most user-friendly for visitors, whilst remaining compliant and easy to configure. 
Yes, absolutely. You can have a link or an icon that's always there for visitors to reach the tool and change their settings. 
Did this help? Please give feedback by clicking an icon below  ⬇️

You can use mix of both editor on same page

Your problem is not with the plugin, but it is a common problem in the new editor that SS has not yet released a fix for. I usually use classic section. If you need to adjust newsletter description width, let me know, I will give extra code

Hey Kristin, it looks like you have conflicting code which is stopping the font weight being applied.
The use of the regular font seems to be overriding the bold.
I would suggest process of elimination.
So start by removing all code and then just adding in:
// My own bold font semi-bold 600 @font-face { font-family: CrimsonTextSemiBold;   src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6549f8b37dff30592cef97cd/1699346611417/CrimsonText-SemiBold.ttf); } // Bold text strong {   font-family: 'CrimsonTextSemiBold' !important; } Then you can add the other codes back in one by one. That said, I'm not sure you even need to add bold or italic versions into your site. You should be able to just add the regular text and then specify bold or italic using the text editor.

In the page where you added Newsletter Block, add a new section > Choose Classic Editor Section

then add Newsletter
Then check again (keep same url to make plugin always work)

I used to use Section Loader Supreme on a lot of sites (used to add some sections in bottom of blog posts), the way I used is create a Not Linked Page > Add newsletter section there > Then use jQuery code to move not linked page in bottom of all blog posts, instead of using Code Block manually on each page (If you want to try this approach, I can give code for a specific post)

try this
transition: all .95s ease-in-out !important;  

change this line
transition: .3s ease-in-out; to
transition: all .3s ease-in-out;  

Many thanks!

Add this,
// Use this font for bold and italics text html * b, strong em {   font-family: xxx !important; // bold and italics font file name here   font-style: normal !important; }  

Ok.
Yes, so if you want each of those variations in the font family, then upload each and use them as you've named them. This is the clearest way to use them.
You should also be able to use B and I in the text editor. B is Bold, if you want semi bold then  use CSS.

Is this for one text box or you need to change to a set of text?
You can try in the text editor B and I.

Brain not fired up on Saturday morning, we got there eventually 😄 

Thank you so much for all of your help with this! I appreciate it.

Missed those. Don't need to change to what I suggested. Gone down a rabbit hole that you didn't have to, sorry!
So what you have should already work. The reason navigation wasn't italics is because in site styles is it normal.
If you need bold font, upload the bold font file, and I've updated below to include bold. 
// Change font family for all text html * {font-family: 'Crimson Text' !important;} // Use this font for italics tex html * em { font-family: 'Crimson Text Italic' !important; font-style: normal !important; } // Use this font for bold text html * b, strong { font-family: 'Crimson Text Bold' !important; font-style: normal !important; }  
Let me know how it goes

Ok, then you should do the following to override the font family:
// set all font to the same font-family h1, h2, h3, h4, .sqsrte-large, p, .sqsrte-small { font-family: xxx } Then adjust all the other settings in Site Styles -> Font. Things like size, line height, line spacing etc. This would be the easiest way. Just ignore the font family in there, all other settings will work without CSS.
Only use CSS where you can't change in Site Styles. Like you have for the navigation.
 

Ok, then yes, you would need to use a custom font for each variation. Because Crimson Regular italics might not look the same as Cirmson Italics. And safer so you control what those font means, rather than the browser trying to interpret what italics mean (which might not be possible anyway).

It depends how you have your site styles set up, and what font design you want across your website. 
By default, navigation is a "paragraph" font, specifically paragraph 2 (p2). So you can target p2 or  just navigation menu specifically. However, change p2 will change all text that use p2 style. This is where your font design across your website comes in.
When you first created the website, you would have chosen which font-family to use for "heading" and "paragraphs". These settings are still there. SquareSpace by default assign a font style (family, size, line height etc) to each text type. If you go to site styles -> font, you can see all the different settings. Including navigation menu items.
But if you want custom font, then you have to specify each of the font style you want, and tell SquareSpace to use them, where you want to use them. If you don't, it will use whatever is set up in site styles. There is a more generic way to set font family for custom font, but you can also target specific elements to set the font family, like you have done. See more below..
All text in SquareSpace are one of the following; h1, h2, h3, h4, p1, p2, p3. You can set 1 font family for all the h's, and another font family for all the p's.
Edit: see below.
Hope that make sense and helps!

You are very welcome 🙂 
Edit: For bold style, yes, you would have to upload the relevant font file. Like you've done for the above.

Thank you SO much! It looks great now ❤️
I have one more question. I'm not using any bold styles on my website atm, but if I should use them in the future, would I need to upload those styles as well?
Many thanks!

Hi, there are 2 issues.
When you declared your new font, you are missing single quotes around the name, e.g. replace your first one with the below. Do the same for all your other custom fonts.
// My own regular font @font-face { font-family: 'Crimson Text'; // font family name, this can be named as anything you want. Once here, this is the name you will use. src: url(https://static1.squarespace.com/static/64bbec1009a61f1b8dfb39e9/t/6509d0807e6fd40c6b635a1d/1695142016438/CrimsonText-Regular.ttf); } When you then want to use your font for something, you need to refer to the same name as per above. e.g. change your code below from this
// ALL text everywhere html * {font-family: 'CrimsonText' !important;} to this. (the name you used is missing a space)
// ALL text everywhere html * {font-family: 'Crimson Text' !important;}  
Now just check and make sure they all match up and should all be working.
 
Let me know how it goes.

Thank you!!!

No, no problems any more.

The Announcement bar had no italic text so won't change.
The navigation italic is set via styles and hence doesn't use the em. Use this Custom CSS:
.header-nav-item a { font-family: Crimson Text Italic !important; font-style: normal !important; }

Try this:
// Italic text everywhere html * em { font-family: Crimson Text Italic !important; font-style: normal !important; }