The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Font size changes on android vs windows, Website fonts are grossly different when viewing from android phone
wysocki
post Sep 22 2021, 04:52 PM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 22-February 11
Member No.: 13,950



I have a one page website that uses almost no css, but displays a table of data and VERY basic html for text areas. There are no font specifications other than body {font-family: sans-serif;}
When I display the page in browsers under Windows, the page looks fine as you'd expect. But on my Android phone, some of the paragraphs and table cells displayed about 2-3 times larger font size than the rest of the page. This happens to text either with or without <p> tags and this characteristic will appear on different paragraphs when page is reloaded.
All the fonts on the attached webpage image from my phone are the same.

Attached Image

This post has been edited by wysocki: Sep 22 2021, 04:55 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2021, 02:14 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Not sure we can help, mobile is tricky. But to have a chance we need to see the real stuff, a screen cap isn't enough.

Do you have this problem in several browsers on your Android? We had a similar problem a while ago and it turned out it only affected Chrome (I think it was). I'll see if I can find that thread.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2021, 02:18 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Found it. The problem wasn't resolved, but at least you can see you aren't alone.
https://forums.htmlhelp.com/index.php?showt...&hl=android
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
wysocki
post Sep 24 2021, 08:45 PM
Post #4


Newbie
*

Group: Members
Posts: 11
Joined: 22-February 11
Member No.: 13,950



Yeah, that didn't help. Here's the code attached. Let me know how/if it works for you, and THANKS!

Attached File  poolmath.html ( 81.1k ) Number of downloads: 93
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
wysocki
post Oct 15 2021, 12:50 PM
Post #5


Newbie
*

Group: Members
Posts: 11
Joined: 22-February 11
Member No.: 13,950



Yeah, the base font is certainly not the issue. The problem is that several html paragraphs are different from others with no css or font specifications inserted to affect them. Is there an "inspector" available for Chrome under android? I wonder what it would show.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 15 2021, 01:07 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I don't think there is. Mobile is hopeless.

I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Waelchi
post Oct 17 2021, 10:57 PM
Post #7





Group: Members
Posts: 1
Joined: 17-October 21
Member No.: 28,144



Font size changes You can change the size of the font used in menus, web searches, and as you compose an email or a text. This is great if you regularly find your device's text too small to read.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 18 2021, 07:49 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Well, that isn't the problem here. The problem is that Chrome for Android sometimes chooses to make text that should have the same size as the surrounding text have a different size (so far larger), for no apparent reason.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
wysocki
post Oct 22 2021, 05:51 PM
Post #9


Newbie
*

Group: Members
Posts: 11
Joined: 22-February 11
Member No.: 13,950



QUOTE(pandy @ Oct 15 2021, 11:07 AM) *

I don't think there is. Mobile is hopeless.
I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome


YAY! IT WORKED! Paragraph fonts are now all the same on Android Chrome with this meta tag:
CODE
<meta name="viewport" content="width=device-width, initial-scale=1">


Thanks @pandy for your tenacity and research skills in finding that link! I've looked through stackoverflow but didn't find this solution. Also thanks to Kinlan over on stackoverflow.com for coming up with the meta tag.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 22 2021, 07:11 PM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(wysocki @ Oct 23 2021, 12:51 AM) *

QUOTE(pandy @ Oct 15 2021, 11:07 AM) *

I don't think there is. Mobile is hopeless.
I found this though. Don't know if the solution fits, but won't hurt to try.
https://stackoverflow.com/questions/2134130...-android-chrome


YAY! IT WORKED! Paragraph fonts are now all the same on Android Chrome with this meta tag:
CODE
<meta name="viewport" content="width=device-width, initial-scale=1">


Thanks @pandy for your tenacity and research skills in finding that link! I've looked through stackoverflow but didn't find this solution. Also thanks to Kinlan over on stackoverflow.com for coming up with the meta tag.


It worked? Wow, that was lucky. Wonder why it happens in the first place though. It must be a bug of some sort, but bugs are triggered by something, and I'd like to know what.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 12:57 AM