Can't seem to change the footer heading fonts to my custom font

[littlepeachpj]

I am using the Symmetry app and have been using an app to change my fonts and it has worked on everything BUT my footer headings. Can anyone help me with how to code this? I tried going to the Custom CSS for the Footer section and doing the following: 

@font-face { font-family: 'Peaches'; src: url('https://cdn.shopify.com/s/files/1/0597/9632/4429/files/littleribbon-webfont.woff2?v=1723500901'); }

h6 {
font-family: 'Peaches'}

However I had no luck. Can anyone help me with how to code this and where it should go? TIA! (for reference my website is www.littlepeachpjs.com) 

[Dan-From-Ryviu · Accepted solution]

Hi @littlepeachpj 

Please use this code and check again.

.section-footer .section-footer__title { font-family: 'Peaches'; }

[littlepeachpj]

Amazing! Thank you so much!