Custom font problems

Support
#1

Hi there

I need to use a custom font on the whole site, the code i’m using is:

@font-face {
font-family: ‘Engravers’;
src: url(’./fonts/Engravers-Roman-Bold.ttf’) format(‘truetype’);
}

This code is on the custom CSS of the site, not as an individual page, the code works fine on the home page, but, in a new page it doesn’t work at all, even if I put it on the individual CSS of the page, what I’m doing wrong? Can you please point me on the right direction so the custom font can be available in the whole site?

I’m attaching two screenshots to be more clear about this


Thank you!!!

#2

Hi There,

Where did you upload the fonts?

You can try with this CSS instead:

@font-face {
	font-family: 'Engravers';
	src: url('http://www.website.com/wp-content/themes/x-child/fonts/Engravers-Roman-Bold.ttf') format('truetype');
}