WordPress.org

1. crushnik
   Member
   Posted 1 year 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 1 year 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 1 year 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 1 year ago #
   

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

5. crushnik
   Member
   Posted 1 year ago #
   

   Yes, it is up to date.

6. chocpudding2
   Member
   Posted 1 year ago #
   

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

7. crushnik
   Member
   Posted 1 year 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 1 year ago #
   

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

Topic Closed

This topic has been closed to new replies.