[MeghanParticipant]

Hi, trying to add a custom font to my website. Here is what I have done so far:

1. Made font into a kit.
2. Uploaded the files from the kit into my public_html/wp-content/themes/x/framework/fonts
3. Went to customize, custom, css and put this into the css box:

@font-face {

font-family: “prestige”;
src: url(‘public_html/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.eot’) format(‘eot’),
url(‘public_html/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.woff’) format(‘woff’),
url(‘public_html/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.tff’) format(‘truetype’),
url(‘public_html/wp-content/themes/x/framework/fonts/prestige/prestige_webfont.svg’) format(“svg”);
font-weight: normal;
font-style: normal;
}

4. Went to the page I wanted my custom font on.
5. Opened “edit in cornerstone”
6. Went to settings, custom css and entered:

.customfont_body {
font-family: ‘prestige’;
}

It changes the font, but not to the correct font, to some generic font. What have I done wrong?

Thank you!

[NicoModerator]

Hi There,

Thanks for writing in.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[MeghanParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the information. You must update your code because you need to have the font url. Please use this code instead:

@font-face {
	font-family: "prestige";
	src: url('http://www.mreid.education/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.eot') format('eot'),
	url('http://www.mreid.education/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.woff') format('woff'),
	url('http://www.mreid.education/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.ttf') format('truetype'),
	url('http://www.mreid.education/wp-content/themes/x/framework/fonts/prestige/prestige-webfont.svg') format("svg");
	font-weight: normal;
	font-style: normal;
}

Please let us know if this works out for you.

[MeghanParticipant]

Yes! Thank you it worked!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts