Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #206724

    Anything I can do about this?

    #206734

    Hey deyowulf!

    Can you please give us a link to the website? What is the font you’re using? Are you working on a localhost?

    Cheers!
    Ismael

    #206738

    Hi Ismael,

    http://www.jonnyfreesh.com

    Shortstack – google font

    using bluehost shared

    Jonny

    #206865

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .main_menu ul:first-child > li > a {
        font-family: 'Shortstack',sans-serif !important;
    }

    Cheers!
    Yigit

    #207191

    Didn’t work. I already had that same code in without the !important btw if that helps you figure out what’s wrong.

    #207210

    Hi!

    The font appears to load correctly on my end (Firefox 26), take a look:

    Cheers!
    Josue

    #207229

    No that’s not what Shortstack looks like.

    http://www.google.com/fonts/specimen/Short+Stack

    I took a screenshot of my site on chrome working, but I can’t seem to figure out how to upload an image…

    #207237

    Hi!

    Well, it appears it isn’t loading on Chrome neither, a 400 error is returned by Google fonts: http://fonts.googleapis.com/css?family=Shortstack

    This is the correct URL:

    http://fonts.googleapis.com/css?family=Short+Stack

    Regards,
    Josue

    #207238

    Hi!

    How did you add the font? You can add this on functions.php to add the font properly, find this code on line 3:

    global $avia_config;

    Below,add this code:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Short Stack'] = 'Short Stack';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Short Stack'] = 'Short Stack';
    return $fonts;
    }

    You can now select the “Short Stack” font on Theme Options > Styling > Heading and Body fonts.

    Regards,
    Ismael

    #207239

    It loads fine on my chrome and safari. I have added it to the theme using this code :

    add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
    function avia_add_heading_font($fonts)
    {
    $fonts['Shortstack'] = ‘Shortstack’;
    return $fonts;
    }

    add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
    function avia_add_content_font($fonts)
    {
    $fonts['Shortstack'] = ‘Shortstack’;
    return $fonts;
    }

    And additionally used it as the Menu Header Font with this code

    .main_menu ul:first-child > li > a {
    font-size: 18px;
    font-family: ‘Shortstack’, sans-serif !important;
    }

    Is there something I have done incorrectly?

    Thanks

    #207247

    Hi!

    The code you used is incorrect. Please use the code I posted above then modify the css:

    .main_menu ul:first-child > li > a {
    font-size: 18px;
    font-family: 'Short Stack', cursive !important;
    }

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #207298

    Working now thanks Ismael :)

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

The topic ‘Google Font Doesn't Load on Firefox’ is closed to new replies.