Navigation
Archive / google fonts not working on mobile/smartphones
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 7, 2016 at 3:21 pm #1207284
    ZerotoOne
    Participant

    hey there,
    I experienced an issue that whenever I visit my site on a smartphone the fonts are not displayed correctly. please have a look.

    October 7, 2016 at 3:21 pm #1207285
    ZerotoOne
    Participant
    This reply has been marked as private.
    October 8, 2016 at 2:12 am #1207724
    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    I just checked and the fonts are correctly working, and they are the same on desktop and mobile. Fonts are Lato and Montserrat, what mobile and browser you’re testing it on.

    Thanks!

    October 8, 2016 at 4:41 am #1207832
    ZerotoOne
    Participant

    jep and the third font is missing ‘Playfair Display’

    October 8, 2016 at 2:17 pm #1208168
    Rad
    Moderator

    Hi there,

    I just checked and that font works on mobile too. The sample is the “unser Bestes” text. What browser and mobile device you’re having this issue?

    Thanks!

    October 8, 2016 at 3:58 pm #1208224
    ZerotoOne
    Participant

    s7 with chrome and blackberry passport stock browser

    October 9, 2016 at 2:09 am #1208533
    Rad
    Moderator

    Hi there,

    Please add this code to your child theme’s functions.php

    add_action('wp_head', 'playfair_display_font');
function playfair_display_font () { echo '<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">'; }

    That should do it.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1207284 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>