Grow your CSS skills. Land your dream job.

Google font Issue on WordPress

  • # April 25, 2013 at 3:38 pm

    Hello Friends!
    I’m new using google fonts and I’m having the following issues: (I hope anybody can help me!)

    1. When I added the font behavior for the paragraph:

    @import url(http://fonts.googleapis.com/css?family=Montaga);
    p {font: 13px/18px ‘Montaga’, serif !important;}

    The header1 font (the Zeyada one):

    @import url(http://fonts.googleapis.com/css?family=Zeyada);
    h1,h2{font-family: “Zeyada”, cursive !important; font-size:30px;}

    Changes to another font on the the webpage without being modified by me.

    2. If I put the paragraph code (Montagna) at the bottom of the css, nothing happens… Instead appears the old paragraph font that I used before that is Cantata one, even when I erased the code.

    3. When I put the paragraph Montaga at the top of the css works fine and the h1 font keeps working fine with the Zeyada font but only on my computer! When I checked the other computer, the Zeyada is not there, is another font…

    I hope you can help me,

    Here’s the css of my page:

    @import url(http://fonts.googleapis.com/css?family=Zeyada);
    h1,h2{font-family: “Zeyada”, cursive !important; font-size:30px;}

    .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
    text-transform: capitalize !important;
    }

    .section-title h1 small, .section-title h2 small, .section-title h3 small, .section-title h4 small, .section-title h5 small, .section-title h6 small, .section-title small {
    text-transform: capitalize !important;
    }

    @import url(http://fonts.googleapis.com/css?family=Montaga);
    p{font-family: ‘Montaga’ , serif !important; font size:12px;}

    @import url(http://fonts.googleapis.com/css?family=Cantata One);
    h3,h4,h5,h6{font-family: “Cantata One”, serif !important; font-size:30px;}

    Thanks a lot!

    # April 26, 2013 at 5:15 am

    Do you have a link to your page?

    I’m not sure that you can add `!important` in a font declaration like that though…nor should there be any need to do so.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".