How do I change the fonts on the "account" section of my site?

Site URL: https://derricksaenz.com

Site: derricksaenz.com

Hello,

I want to get my website's account and login pop-ups to use different fonts, particularly the ones that I use on my website. I have an uploaded font to test on ('font-family: Staaliches' because it looks way different from the original font and I already have it uploaded), but ultimately I want to use Helvetica Neue, which is the font I am using for the rest of my website.

I did an "inspect element" on multiple pages and found that the accounts <div> uses a class called .dE6c3WI8W and the login <div> uses a class called ._3zbTgu4v. This leads me to believe that if I went to Custom CSS, and I called those classes and put that the font family would be Staaliches, that would fix my issue. But it didn't.

How would I go about changing the fonts of the account and login sections? Thank you!

Image of my Custom CSS is attached.

I believe you can't change font/style of elements in login popup with custom CSS

On 12/22/2021 at 8:49 AM, paul2009 said:

As Tuan said, you cannot easily change the styles within account popups.

For security reasons, Squarespace loads account and login popups within iFrames making it more complex and requiring JavaScript. Also, as the iFrame isn't aware of your fonts (it defaults to the Squarespace 'Clarkson' font) you need to reload these too within the iFrame. 

In summary, it isn't possible to post a generic solution that will work on all sites; the solution will need to be custom written for each site.

How would I be able to make this solution, or would a Squarespace developer be needed to make this change?