Custom Font Won't Appear – Have Tried @Font-Face

Hello,

I downloaded the .ttf font “Faith & Glory One” from Creative Market, and have attempted to use the @font-face protocol to get it on my site (flatironbeard.com).

I downloaded the .eot, .svg, .ttf, .woff, and .woff2 files into /public_html/wp-content/themes/enfold/fonts

I posted the following code into custom.css:

@font-face {
font-family: ‘faith_and_glory_oneregular’;
src: url(‘fonts/faith_and_glory_one-webfont.eot’);
src: url(‘fonts/faith_and_glory_one-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/faith_and_glory_one-webfont.woff2’) format(‘woff2’),
url(‘fonts/faith_and_glory_one-webfont.woff’) format(‘woff’),
url(‘fonts/faith_and_glory_one-webfont.ttf’) format(‘truetype’),
url(‘fonts/faith_and_glory_one-webfont.svg#faith_and_glory_oneregular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

I also posted the following code into Quick CSS:

h1 h2 h3 h4 h5 h6 { font-family: “faith_and_glory_oneregular”, !important
}

Nothing has changed on my site after doing this. I’ve also tried putting absolute urls into custom.css, as well as moving the uploaded font files into wp-content (instead of a fonts folder inside the enfold folder). Nothing has worked.

Please help!