Changing footer fonts

Hi. Is there a way to change footer fonts? I want my footer to match my navigation bar font, which I was able to do in "assign styles". There is a CSS suggestion from @tuanphan in Forums, but it is from 2020, and I wonder if it may be different now for 7.1? Thanks. https://carnation-beige-pm4t.squarespace.com/config/pages

https://carnation-beige-pm4t.squarespace.com/?noredirect

Your site is private. You can setup an access password, we can access it easier

Hi. Somehow I missed this notification. My password is PGsquare

I appreciate your looking at this. But is there any overall easy way to change fonts in a footer?

15 hours ago, PaulaGphoto said:

Hi. Somehow I missed this notification. My password is PGsquare

I appreciate your looking at this. But is there any overall easy way to change fonts in a footer?

You can change it in Site Styles or use this CSS code

footer.sections * {
    font-family: var(--site-navigation-font-font-family);
}

7 hours ago, tuanphan said:

You can change it in Site Styles or use this CSS code

footer.sections * {
    font-family: var(--site-navigation-font-font-family);
}

Thanks! I did not see a place in Site Styles to change only the footer, it looked like it would only do it globally to "paragraph 2" or whatever size it was.

Two questions about the code, I'm afraid I know nothing. The term inside the code's parentheses would be, in my case, (--lucida-console);  ?

And, where can I insert the code? Is it Website > Website tools > Custom CSS?

Thank you so much!

Thank you so much!

I am facing the same problem.

I have set Custom Styles for the Site Navigation but they don't carry across to the Footer Navigation. 

Tuanphan - your CSS helped me change the font, thank you. 

How do I set the 'Weight' to 500 and the 'Letter Spacing' to 0.03em for the Footer?  So the styles can match exactly between Header and Footer.

When Squarespace allows you to set Custom Styles for the Site Navigation, this should really carry across to the Footer!

22 hours ago, jamesfrost21 said:

I am facing the same problem.

I have set Custom Styles for the Site Navigation but they don't carry across to the Footer Navigation. 

Tuanphan - your CSS helped me change the font, thank you. 

How do I set the 'Weight' to 500 and the 'Letter Spacing' to 0.03em for the Footer?  So the styles can match exactly between Header and Footer.

When Squarespace allows you to set Custom Styles for the Site Navigation, this should really carry across to the Footer!

You can use this

footer.sections * {
	font-weight: 500 !important;
	letter-spacing: 0.03em !important;
}

If it doesn't work, you can share site url, I can check again easier

Amazing, thank you Tuanphan

On 1/28/2024 at 4:05 AM, tuanphan said:

--site-navigaion-font-family means apply navigation font name for all text in Footer. In case you want to use a different font name, use this code instead

footer.sections * {
    font-family: monospace !important;
}

Yes, add to Website > Website Tools > Custom CSS

What would be the code for using the font lo-res 9 minus wide? how do I exchange monospace?

12 hours ago, nightjar said:

What would be the code for using the font lo-res 9 minus wide? how do I exchange monospace?

You can see this guide to find exact font-family