WordPress.org

Forums

[resolved] Change post title font (8 posts)

  1. crushnik
    Member
    Posted 3 years 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.

  2. chocpudding2
    Member
    Posted 3 years 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!

  3. crushnik
    Member
    Posted 3 years 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.

  4. chocpudding2
    Member
    Posted 3 years ago #

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

  5. crushnik
    Member
    Posted 3 years ago #

    Yes, it is up to date.

  6. chocpudding2
    Member
    Posted 3 years ago #

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

  7. crushnik
    Member
    Posted 3 years 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.

  8. chocpudding2
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic