Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 8, 2014 at 8:54 am #206724
    deyowulf

    Anything I can do about this?

    January 8, 2014 at 9:04 am #206734
    Ismael

    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

    January 8, 2014 at 9:19 am #206738
    deyowulf

    Hi Ismael,

    http://www.jonnyfreesh.com

    Shortstack – google font

    using bluehost shared

    Jonny

    January 8, 2014 at 4:25 pm #206865
    Yigit

    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

    January 9, 2014 at 3:42 am #207191
    deyowulf

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

    January 9, 2014 at 5:59 am #207210
    Josue

    Hi!

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

    Cheers!
    Josue

    January 9, 2014 at 6:38 am #207229
    deyowulf

    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…

    January 9, 2014 at 6:49 am #207237
    Josue

    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

    January 9, 2014 at 6:53 am #207238
    Ismael

    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

    January 9, 2014 at 6:55 am #207239
    deyowulf

    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

    January 9, 2014 at 7:24 am #207247
    Ismael

    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

    January 9, 2014 at 9:11 am #207298
    deyowulf

    Working now thanks Ismael :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Google Font Doesn't Load on Firefox’ is closed to new replies.