Custom Code Change in Symmetry

[SamCDesigns]

I'm trying to add two custom codes to my Symmetry theme and they aren't showing up. I've added one of the fonts to my assets folder. 

Here's the font that I've added to the liquid.theme file: 

@font-face {
font-family: 'Cinzel-Regular';
src: url('{{'Cinzel-Regular.woff' | asset_url}}');

h1, h2, h3, h4, h5, h6 {
font-family: Cinzel-Regular !important;
}

The font isn't showing up on my site preview. Can someone please help?

Preview link - https://dti0ivu91l5mfhq8-70096191710.shopifypreview.com

[SamCDesigns]

I've tried it this way too and it's not working. Anyone have an idea what could be wrong?

@font-face {
font-family: 'Cinzel-Regular';
src: url('{{'Cinzel-Regular.woff' | file_url}}');
font-style: normal;
}


@font-face {
font-family: 'Bacalisties';
src: url('{{'Bacalisties.woff' | file_url}}');
font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: Cinzel-Regular !important;
}
body, p{
font-family: Bacalisties !important;