Editing Font family

I’ve been trying to change the h6 font family, but it’s not working. I am using the code below and yes, I’ve emptied my cache.

h6 { font-size: 44px; font-family: 'Cinnamon', sans-serif !important; }

I’ve added the font family above with this code and the font shows up other places. Just not in h6:
@font-face { font-family: Cinnamon; src: url('https://pelicandesign.net/heather/wp-content/plugins/cinnamoncake.ttf'); }