Change post title font

  • Resolved crushnik

    (@crushnik)


    14 years, 6 months ago

    I am trying to change the post title font on my website. I have worked for hours modifying the css and all posts on this subject have not solved my problem.

    Instead of displaying the font package I downloaded from Font Squirrel, I instead see Times New Roman, no matter what I try.

    My website is http://www.victoryinstitute.net/blogs/utb/

    CSS:

    @font-face {
    font-family: "LeagueGothicRegular";
    src: url("http://victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.eot");
    src: url("http://victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"),
         url("http://victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.woff") format("woff"),
         url("http://victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.ttf") format("truetype"),
         url("http://victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

    [ … ]

    #content a h1, #content h1 a, #content a:visited h1, #content h1 a:visited {
  font-family: LeagueGothicRegular;
  color: #555;
  text-decoration: none;
  border: 0 none;
}

    I have exhausted all possibilities I can think of or have seen on my extensive searches. Surely I am missing something simple.

Viewing 7 replies - 1 through 7 (of 7 total)
  • chocpudding2

    (@chocpudding2)

    14 years, 6 months ago

    Hello there.

    The font name should have all the spaces as usual and should be inbetween inverted commas if the font name is more than one word.

    ‘Leage Gothic Regular’

    You should remember to add other fonts/font families in case the user’s browser does not support your font. Place up to two more fonts/font families, seperated by commas.

    Hope I’ve understood your question correctly and provided a helpful answer.

    All the best!

    Thread Starter crushnik

    (@crushnik)

    14 years, 6 months ago

    Thanks for the prompt reply.

    My browser displays League Gothic Regular correctly on other websites (such as TheBlaze.com), and my website now displays the new font on Safari, but not Firefox. Tried inserting apostrophes around title with and without spaces as you suggested – to no avail.

    chocpudding2

    (@chocpudding2)

    14 years, 6 months ago

    Is your version of firefox up to date? Perhaps that’s the issue.

    Thread Starter crushnik

    (@crushnik)

    14 years, 6 months ago

    Yes, it is up to date.

    chocpudding2

    (@chocpudding2)

    14 years, 6 months ago

    Check the w3schools.com css tutorial on fonts to see if they say anything about firefox.

    Thread Starter crushnik

    (@crushnik)

    14 years, 6 months ago

    Read everything, everywhere. Inserted www in address and that worked.

    @font-face {
  font-family: 'LeagueGothicRegular';
  src: url('http://www.victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.eot?') format('eot'), url('http://www.victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.woff') format('woff'), url('http://www.victoryinstitute.net/blogs/utb/wp-content/themes/grey-matter/League_Gothic-webfont.ttf') format('truetype');
}
html, body {
  height: 100%;
}

    Thanks for your help.

    chocpudding2

    (@chocpudding2)

    14 years, 6 months ago

    Awesome! You are welcome. All the best to you.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Change post title font’ is closed to new replies.