Verifying font size on mobile.

How?

[Broadway]

I'm trying to ensure that on mobile the text size of my content is 16px.

I'm plenty versed in CSS, so tweaking font-size using the media queries set up to define mobile in my CSS file is no problem.

But checking that I've accomplished that change, on mobile, ... I just can't figure out how to verify what font size is being shown.

On desk top, I've used mobile emulators and then used the Chrome browser's "inspected" option to check the size.

That suggest I've accomplished the change, but the advertising company I work with still states I'm just at 15.4px.

I've tried hooking my android device up to my laptop so I can use Chrome on it to debug. But I can't get that set up to work for me.

I'm really surprised there isn't just some website I can go to that will report this information to me.

How do you check the font size that shows on mobile screens?

[Broadway]

Now I'm thinking I simply got bad information from the advertising agency. Maybe they didn't clear their cache since I made the changes.

Right now I'm assuming that using " FireFox / Web Developer / View responsive sizes option " does accurately report the font-size when the element is inspected.

But I'm still surprised that I never found a website that I could go to on my mobile device that just stated what font-size was being shown on the page.

[JorgeV]

Hello-

I'm trying to ensure that on mobile the text size of my content is 16px.

What do you mean? Your block of text needs to take 16 pixels (height?), or do you need to use a 16px font size?

[lucy24]

I'm trying to ensure that on mobile the text size of my content is 16px.

Why? (This is my stock response whenever there is any kind of question involving a forced text size. How can the advertising company be so certain that the only people who will ever buy their product are people with a particular type of vision, viewing it on a particular type of device, set to a particular resolution, viewed at a particular distance, and so on?)

[Dimitri]

I guess it's for alignment with graphic / media elements. (which is a bad way to achieve it)

[tangor]

Too many designers just can't let go from the precision of dead tree media layouts. The web is not dead tree media ... and alignments are done differently (same result, just done differently).

Throw in responsive and it gets even more interesting. Sigh.

[tangor]

@Broadway, might also remind the advertiser side that users can actively change their font sizes ON THE FLY regardless of what they design for. Some of us have older eyes and need bigger text. :)

[Mark_A]

@Broadway

That suggest I've accomplished the change, but the advertising company I work with still states I'm just at 15.4px.

I bet your agency are putting a ruler on the mobile screen and measuring it that way!