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!
Hi johnflatironbeard,
Could you try to put your CSS into the Quick CSS field under Enfold–>General Styling instead to see if that works better? Also, please try to change your URLs to the full URL like: http://yoursite.com/fonts/font.tff
Best regards,
Rikard