Font misbehaving in Firefox

• 

  windwhistle · Member · Nov 18, 2013 at 12:56 am

  • Copy link
  • Add topic to favorites

  Just noticed my headline font is not displaying correctly in Firefox.
  On the home page, the “Latest post” title and the featured titles under “Fresh Ink” are supposed to be FF Meta Serif. They display properly in Chrome and Safari, but not Firefox (using a Mac). However, if you go to the main post page, the title displays properly in all three browsers. I can’t figure out what’s wrong.

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Nov 18, 2013 at 4:41 am

  • Copy link

  I’m not sure about this; I think it might be because the font is already set (correctly) in the CSS of the theme after you selected it in Appearance > Customize > Fonts, but you’ve also tried to set it (incorrectly) in the CSS editor. Let’s try the featured posts titles only, to see if I’m right. Replace this:

  .feat_title a {
      font-family: ff-meta-serif-web-pro,“Times New Roman”,serif;
      font-size: 16px;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
  }

  with this:

  .feat_title {
  font-size: 16px !important;
  font-weight: 400 !important;
  }

• 

  windwhistle · Member · Nov 18, 2013 at 5:15 am

  • Copy link

  That appears to have fixed the display in Firefox, but broke it in Chrome and Safari.

• 

  justpi · Member · Nov 18, 2013 at 5:44 am

  • Copy link

  Strange. Try adding this to the above suggestion:
  font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,georgia,serif !important;

  If it doesn’t work, try this instead:

  .feat_title a {
  font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,georgia,serif !important;
  }

• 

  windwhistle · Member · Nov 18, 2013 at 8:18 pm

  • Copy link

  The latter seems to have fixed the font in all three browsers. Thanks!