Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

Why is Blogger displaying the wrong font in 'mobile template'?

  • 1 תגובה
  • 1 has this problem
  • 8 views
  • תגובה אחרונה מאת jayelbe

more options

At first when I ran into this problem, I barely thought anything about it, but now the issue is starting to interfere with a website I'm making, and I'm trying to better understand what's going on, so that users to my website (who use Firefox for mobile) don't have to see the wrong font.

This started yesterday when I was choosing a specific font to be shown on Blogger. When I got more curious about the problem, I thought it was on Blogger's end, but while researching, I found out that numerous people have this problem with multiple sites, and they all use Firefox for mobile. But I didn't happen to run into any solutions or explanations.

If you need me to be very specific, I'm using Firefox for Android (latest) to view Blogger using the 'Play' font that Blogger provides in it's customizer. When I look at my site (via the mobile template Blogger automatically provides), the font shown isn't Play. I'm pretty sure it's not Roboto or Droid Sans either, so I don't think this is on Android's end.

For proof, I brought along 3 screenshots.

PC, desktop view: http://i.imgur.com/9z7s40o.png PC, Android user agent: http://i.imgur.com/UOGRD3u.png Android, FF app: http://i.imgur.com/KFrVSal.png

So why is this happening? Is there any way I can prevent the wrong font showing by default, or do my users have to view it in this font?

At first when I ran into this problem, I barely thought anything about it, but now the issue is starting to interfere with a website I'm making, and I'm trying to better understand what's going on, so that users to my website (who use Firefox for mobile) don't have to see the wrong font. This started yesterday when I was choosing a specific font to be shown on Blogger. When I got more curious about the problem, I thought it was on Blogger's end, but while researching, I found out that numerous people have this problem with multiple sites, and they all use Firefox for mobile. But I didn't happen to run into any solutions or explanations. If you need me to be very specific, I'm using Firefox for Android (latest) to view Blogger using the 'Play' font that Blogger provides in it's customizer. When I look at my site (via the mobile template Blogger automatically provides), the font shown isn't Play. I'm pretty sure it's not Roboto or Droid Sans either, so I don't think this is on Android's end. For proof, I brought along 3 screenshots. PC, desktop view: http://i.imgur.com/9z7s40o.png PC, Android user agent: http://i.imgur.com/UOGRD3u.png Android, FF app: http://i.imgur.com/KFrVSal.png So why is this happening? Is there any way I can prevent the wrong font showing by default, or do my users have to view it in this font?

כל התגובות (1)

more options

Hi Patrick,

I can't quite get to the bottom of what's going on, but I have noticed that on mobile, your blog isn't using precisely the same javascript and CSS files.

I've logged the various network requests made when loading the page on mobile (dark window, top) and desktop (light window, bottom). Notice how on desktop there are two requests - one for http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js and another for http://fonts.googleapis.com/css) which aren't made on mobile?

http://imgur.com/wmmzaiy,15uFRIb,45q64zP#0

I think on mobile, Blogger is serving a cut-down version of your theme and in the process the Google Fonts JS and CSS (which are required in order for the "Play" font to work) are being stripped out.

If you click the "View web version" link... http://imgur.com/wmmzaiy,15uFRIb,45q64zP#1

The font seems to be displayed correctly: http://imgur.com/wmmzaiy,15uFRIb,45q64zP#2 (note: I've zoomed in for this screenshot)

Sorry I can't completely solve it, but I hope this is a helpful starting point.

Cheers,


Jayelbe

השתנתה ב־ על־ידי jayelbe