Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #226884

    Hi there,

    I am trying to add a google font to my website. I tried wp google fonts and google typography plugins with no success (apart from on my laptop where the google fonts are installed). I also tried adding quick css codes with no success.

    I hope someone can help me, I guess I will have to import the font first before implementing it.

    Many thanks,

    Andy

    #227046
    #252723

    Hi Josue,

    Thanks for the reply. I have managed to import three google fonts and I can now use them.

    I am using Fanwood Text for the menu but I want to use it in italic – i have added quick css

    font-style: italic;

    which adds an angle to the text but it doesn’t change the style of fanwood text to the italic style

    Do I have to add a specific italic fanwood text to the theme via ftp?

    Hope you can help!

    Thanks,

    Andy

    #253117

    Hi!

    Thank you for using the theme!

    Make sure that you added the italic version the font when you insert the google font filter on function.php:

    add_filter('avf_google_heading_font', 'avia_add_heading_font');
    function avia_add_heading_font($fonts) {
    $fonts['Fanwood Text'] = 'Fanwood Text:400,400italic';
    return $fonts;
    }
    
    add_filter('avf_google_content_font', 'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Fanwood Text'] = 'Fanwood Text:400,400italic';
    return $fonts;
    }

    I hope that helps.

    Cheers!
    Ismael

    #253603

    Hi Ismael,

    thanks for your help! I managed to set the style to italic but I still haven’t managed to get the font to appear on tablets?

    How do I properly import a font so that on tablet devices it doesn’t use a fallback font?

    Hope you can help!

    Andy

    #253628

    Hi Andy,

    Can you post the link to your website please?

    Regards,
    Josue

    #253635

    Of course:

    http://www.whitestagweddings.com/

    many thanks for your help!

    #253666

    Hey!

    Thank you for the link.

    I’m sorry but can you please provide a screenshot? Please note that not all mobile devices support Google Fonts API. Please refer to this link: https://developers.google.com/fonts/faq#Mobile_Supported

    Best regards,
    Ismael

    #253715
    #253999

    Hi!

    What’s the issue exactly, i didn’t see quite difference from the screenshot you sent and the actual website:

    Cheers!
    Josue

    #254466

    Well that is not ideal! It should look like this on desktops:

    http://www.whitestagweddings.com/?attachment_id=3052

    It does on both my laptop and my desktop – clearly fonts don’t display correctly! I am using wp-google fonts plugin but have also imported the fonts by adding them to the register-admin-options.php via ftp

    #254559

    Hi!

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

    .main_menu ul:first-child > li > a { font-family: 'Fanwood Text', 'serif'; font-style: italic; }

    Regards,
    Yigit

    #254620

    I had already done that but it seems like simply choosing a google font does not work – I had to import a font using ftp before choosing it using CSS which gave me good results before…

    #254621

    I have added that css code again but as before no change on the tablet

    #254623

    Hey!

    Please flush browser cache on your mobile device.

    Best regards,
    Yigit

    #254636

    oh brilliant it worked – thank you very much! Why has it not worked before? I used quick css to edit fonts to start with but had no luck!

    thank you for your work and sorry to be a pain!

    #254638

    Hey!

    It must be caching issue or wrong selector. Not at all, we are always glad to help :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Add Google Font’ is closed to new replies.