Mobile browser font issue

Found an issue with the phpBB system here at NESdev? Use this forum to report problems.

Moderator: Moderators

Post Reply
User avatar
Dwedit
Posts: 4236
Joined: Fri Nov 19, 2004 7:35 pm
Contact:

Mobile browser font issue

Post by Dwedit » Fri Nov 04, 2016 10:23 am

On Firefox mobile, fonts are strange.
Attachments
Screenshot_2016-11-04-12-19-37.png
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!

tepples
Posts: 21752
Joined: Sun Sep 19, 2004 11:12 pm
Location: NE Indiana, USA (NTSC)
Contact:

Re: Mobile browser font issue

Post by tepples » Fri Nov 04, 2016 10:40 am

Ultimately this goes back to lack of a mobile-friendly theme.

By default, mobile web browsers lay out a page for a viewport about 980 pixels wide, assuming that designers laid out the pages to look good on a desktop PC with a 1024x768 pixel monitor, a netbook with a 1024x600 pixel monitor, a 1024x768 pixel iPad held horizontally, or a window snapped to half the width of a 1920x1080 pixel monitor. A mobile-friendly site can disable this behavior with the following element:

Code: Select all

<meta name="viewport" content="width=device-width">
If a website's viewport is substantially wider than the viewport that a page declares, fonts will be illegibly small. So some web browsers perform "font inflation" to keep text readable without needing to zoom in and scroll horizontally all the time. This involves guessing which elements contain body text and which contain less important navigation and decoration. The description of Homebrew Projects is longer than that of other forums and may be just long enough to trigger inflation.

See also articles about font inflation on dbaron's blog, jwir3's blog, and Firefox Support.

Post Reply