Google Fonts not working on mobile - Support | Kriesi.at

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

Author

Posts
July 12, 2022 at 12:06 pm #1358069

envapk2
Participant

Hi

I have a problem with some Google Fonts not working on mobile devices. The issue seems to be with those Google fonts that I have imported – the preloaded ones work fine. In this test page

googlefonts

the first two fonts, Montserrat Subrayada and Averia Libre are fonts I have imported and applied through Advanced Styling to H2 and H3, while the third, Playfair Display, is already there. So all three work on desktop but only the Playfair Display works on mobiles (I have tried on three Android, not tried on iOs).

many thanks

Peter

July 12, 2022 at 12:53 pm #1358075

Rikard
Keymaster

Hi Peter,

Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

July 12, 2022 at 12:58 pm #1358076

envapk2
Participant

Hi Rikard

Login details below.

many thanks

Peter

July 12, 2022 at 3:11 pm #1358091

Rikard
Keymaster

Hi,

Thanks for that. Could you share FTP login details with us a well please?

Best regards,
Rikard

July 12, 2022 at 3:59 pm #1358095

envapk2
Participant

Hi Rikard

Yes, I have posted log in details below.

many thanks

Peter

July 14, 2022 at 2:31 am #1358269

Mike
Moderator

Hi,
Thanks for the link to your page, I have tested it on my Android device with three different browsers, but all three of the fonts look the same as your desktop page and the same when compared to the Google Fonts site:

I don’t have an iPhone to test with, but from your opening post you were seeing the error on Android.
Please include a screenshot of what you are seeing on your device after you clear the cache and history of it.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.

Best regards,
Mike

July 14, 2022 at 10:34 am #1358296

envapk2
Participant

Hi Mike

I’ve done a screenshot from an Android device and put it below the original:

googlefonts

many thanks

Peter

July 14, 2022 at 12:19 pm #1358317

Mike
Moderator

Hi,
Thanks, is it from Firefox? I’m not sure why I don’t see the same error.
I also checked on a Firefox browser for Android on browserstack.com, and it also shows correct there:

Please give this a try.

Best regards,
Mike

July 14, 2022 at 12:55 pm #1358323

envapk2
Participant

Hi Mike

I’ve tried a few more tests, including using Browserstack, and put the screengrabs on the same page

googlefonts

many thanks

Peter

July 14, 2022 at 2:11 pm #1358330

envapk2
Participant

Hi
I’ve just added another Google Font but this time, instead of going through the import route with the zip file I added the font using the Child functions.php with this:

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Press Start 2P’] = ‘Press Start 2P’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Press Start 2P’] = ‘Press Start 2P’;
return $fonts;
}

This works on mobile fine. So it only seems to be a problem with the Custom Font Manager import route.

many thanks

Peter

July 14, 2022 at 2:13 pm #1358331

Rikard
Keymaster

Hi Peter,

Great, I’m glad that you got it working, and thanks for sharing your solution. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

July 14, 2022 at 2:19 pm #1358333

envapk2
Participant

Hi Rikard

No that’s all, do close it. Thanks for your help as always.

Peter

July 14, 2022 at 5:28 pm #1358353

Rikard
Keymaster

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

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

The topic ‘Google Fonts not working on mobile’ is closed to new replies.