Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • February 20, 2014 at 5:01 pm #226884
    mijyman

    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

    February 20, 2014 at 8:49 pm #227046
    Josue

    Hey Andy!

    Please take a look at these topics:
    https://kriesi.at/support/topic/adding-header-font/
    https://kriesi.at/support/topic/custom-fonts/

    Cheers!
    Josue

    April 17, 2014 at 2:50 pm #252723
    mijyman

    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

    April 18, 2014 at 11:49 am #253117
    Ismael

    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

    April 20, 2014 at 7:02 pm #253603
    mijyman

    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

    April 20, 2014 at 11:59 pm #253628
    Josue

    Hi Andy,

    Can you post the link to your website please?

    Regards,
    Josue

    April 21, 2014 at 12:12 am #253635
    mijyman

    Of course:

    http://www.whitestagweddings.com/

    many thanks for your help!

    April 21, 2014 at 6:19 am #253666
    Ismael

    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

    April 21, 2014 at 11:24 am #253715
    mijyman

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

    It’s android based

    April 21, 2014 at 8:15 pm #253999
    Josue

    Hi!

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

    Cheers!
    Josue

    April 22, 2014 at 5:14 pm #254466
    mijyman

    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

    April 22, 2014 at 7:30 pm #254559
    Yigit

    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

    April 22, 2014 at 8:58 pm #254620
    mijyman

    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…

    April 22, 2014 at 9:00 pm #254621
    mijyman

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

    April 22, 2014 at 9:06 pm #254623
    Yigit

    Hey!

    Please flush browser cache on your mobile device.

    Best regards,
    Yigit

    April 22, 2014 at 9:20 pm #254636
    mijyman

    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!

    April 22, 2014 at 9:22 pm #254638
    Yigit

    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

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