Hi Everyone,
I’m using a custom font for the Vantage Premium theme and it works perfectly on the home page, but for some reason, subsequent pages do not show the custom font – they show the next font in the list.
This is my code:
/* @import must be at top of file, otherwise CSS will not work */
@import url(“//www.claireboston.com/wp-includes/fonts/2D6E77_0_0.ttf”);
@font-face {font-family: ‘EphesisROB’;
src: url(‘wp-includes/fonts/2D6E77_0_0.eot’);
src: url(‘wp-includes/fonts/2D6E77_0_0.eot?#iefix’) format(’embedded-opentype’),
url(‘wp-includes/fonts/2D6E77_0_0.woff2’) format(‘woff2’),
url(‘wp-includes/fonts/2D6E77_0_0.woff’) format(‘woff’),
url(‘wp-includes/fonts/2D6E77_0_0.ttf’) format(‘truetype’);
}
/* Vantage set menu font family and weight */
.main-navigation a {
font-family: ‘EphesisROB’, “Helvetica Neue”, Helvetica, Arial, “Lucida Grande”, sans-serif;
font-weight: normal;
font-size: 30px;
}
Can you see if I’ve done something wrong?
Also, can you tell me the CSS code to change the heading (h1, h2 etc) size, because this font needs a slightly bigger size than what is default.
Thanks for your help.
Regards
Claire
Hi Claire
You need to make your urls absolute.
hgroup should now have a period in front of it so this should say:
Heading size would be:
etc…
Hope that helps.
Thank you so much, Andrew! It’s working perfectly now. I really appreciate your quick response.
Super, glad to hear that did the trick :)