use-any-font.5.0

Hi Rikard,
I downloaded the font on to my machine as a ttf then uploaded it from my desktop via the plugin in the wordpress admin section. I copied and pasted the css along with the font name so I assume it was done correctly as it worked ok after I’d done this but if it’ not working your end or on my phone then it must be working locally and thats not what I’m after.

What is the correct way to do this using css? I can delete the plugin and css I used and try again using a different method if you know a better way?

Thanks
Joe

Thanks Rikard,

Ok, so I’ve deleted the plugin and css and started again but I can’t get it to work, maybe you can check what I’ve done and let me know what I might have done wrong?

I converted the kgallofme.ttf font with font squirrel and this created woff and woff2 files so I uploaded these to a ‘fonts’ folded in a child theme on my main site (link below). I then added the following code to the top of the Quick css box in the enfold general styling section.

@font-face {
font-family: ‘kgallofme-webfont’;
src: url(‘https://gettopageone.com/wp-content/themes/enfold-child/fonts/kgallofme-webfont.woff2’) format(‘woff2’),
url(‘https://gettopageone.com/wp-content/themes/enfold-child/fonts/kgallofme-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, .menu-item a {
font-family: kgallofme-webfont.ttf!important;
}

Hopefully this is somewhere close and an easy fix?
Thank you.

Thanks Rikard,
I have moved the fonts and the URL to the font seems ok now and I’ve changed my css to this however the font still doesn’t see to load on the webpage. Any ideas? Thanks.

@font-face {
font-family: ‘kgallofme-webfont’;
src: url(‘http://engageyourbrand.co.uk/wp-content/themes/enfold-child/fonts/kgallofme-webfont.woff2’) format(‘woff2’),
url(‘http://engageyourbrand.co.uk/wp-content/themes/enfold-child/fonts/kgallofme-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, .menu-item a {
font-family: kgallofme-webfont;
}

Hi Rikard,
Thanks for that information, it’s really helpful.
The sites will eventually have SSL certificates so I will wait until then to see if the font applies.
Thanks for your help.
Joe