Support » Plugin: Typekit Fonts for WordPress » Font Weights not changing

  • Resolved mk3design


    Hey, just having some trouble getting the font weights to change. The whole font family is published in the Typekit, but they don’e seem to reflect through when I specify them. I’ve been using the following:

    h1 { font-family: “ff-ginger-pro-n4”, “ff-ginger-pro”, sans-serif !important; }
    h2 { font-family: “ff-ginger-pro-n4”, “ff-ginger-pro”, sans-serif !important; }
    h3 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”, sans-serif !important; }
    h4 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”, sans-serif !important; }
    h5 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif !important; }
    h6 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif !important; }
    #wide-nav { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif; }
    #main-nav { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif; }
    #nav_menu-7 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif; }
    #text-15 { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif; }
    #product-sidebar { font-family: “ff-ginger-pro-n4”, “ff-ginger-pro”,sans-serif; }
    .nav > li > a {font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”, sans-serif !important;}
    .accordion-item { font-family: “ff-ginger-pro-n3”, “ff-ginger-pro”,sans-serif !important; }

    Thanks so much for your help!

    Regards – Matt

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author James Collins


    Hi @mk3design,

    I’ve taken a look at your site, and I can see that your website has a Custom CSS rule that sets the font-weight to zero (0) for headings:

    h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
        font-weight: 0;

    So that rule could be causing unpredictable results when displaying your headings.

    Having said that, I can also see the rules you’ve put in the Typekit plugin, which should override that font-weight: 0 rule to font-weight: 400.

    Your theme also seems to have a font-weight: 300 default rule as well.

    I hope this helps!


Viewing 1 replies (of 1 total)
  • The topic ‘Font Weights not changing’ is closed to new replies.