This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom Font Showing on Home page but not other pages

Resolved 3 replies premiumthemetheme-vantage
Claire Boston
11 years ago · Last reply by Andrew Misplon 11 years ago

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

URL: http://www.claireboston.com/blog

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 3 days ago

    Hi Claire

    You need to make your urls absolute.

    @import url("http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.ttf");
  
@font-face {font-family: 'EphesisROB';
  src: url('http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.eot');
  src: url('http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.eot?#iefix') format('embedded-opentype'),
  	   url('http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.woff2') format('woff2'),
   	   url('http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.woff') format('woff'),
       url('http://www.claireboston.com/blog/wp-includes/fonts/2D6E77_0_0.ttf') format('truetype');
}

    hgroup should now have a period in front of it so this should say:

    /* Vantage Site Title Color */
header#masthead .hgroup h1 {
color: #a7151f !important;
}

    Heading size would be:

    .entry-content h1 {
font-size: 18px;
}
.entry-content h2 {
font-size: 16px;
}

    etc…

    Hope that helps.

  2. Claire Boston 11 years, 3 days ago

    Thank you so much, Andrew! It’s working perfectly now. I really appreciate your quick response.

  3. Andrew Misplon Staff 11 years, 3 days ago

    Super, glad to hear that did the trick :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread