People don't change the default 16px font size in their browser

I am really happy to still read articles that advocate for the use of proportional CSS units as em and rem in 2016. But there are often trolls1 that come comment these articles to say that we, who are using proportional units, are dumb, because there is no need for this. Here is an example.

There are unfortunately two misleading urban legends in most web developers minds:

Default font size in browsers is always 16px

No, it’s not.

It is often, true, but not always.

Here are a few counterexamples I’ve collected from actual devices / browsers:

Device / browser Default font size
Opera Mini 4.5 13px
Palm webOS 2.0 & webOS TouchPad 14px
Opera Mini 7 17px
AOL 9 20px
Cybook Odyssey (e-book reader) 21px
Blackberry 6.0 22px
NetFront NX 23px
Kindle 32 26px

These devices are fairly old because I made the study in 2013, but I’m sure there are still such devices nowadays. I admit I can’t prove it with actual data.

These default font sizes were set by the device or browser vendors because it was the best size for reading. When you set your font-size in px units, you throw their work to satisfy their users/clients into the bin.

People don’t change the default font size in their browser

I do — and I have friends who do too — change the browser settings for default font size. I even made a talk about em and this great feature3 in 2013 at Paris Web, the french leading Web conference!

I agree we are not a lot4 to do that, maybe even less now than a few years ago.

But is it:

  • because there is really no need anymore,
  • because browsers hide this really valuable feature in their “advanced” settings,
  • or because Web developers don’t care about people who need this?

My humble opinion is that:

  1. there is still a need for this, maybe even increasingly so with people using the Web getting older,
  2. but too many websites are really deceptive, not caring at all about users’ preferences and needs, using px font-sizes, making this feature useless,
  3. then users change their habits and use global zoom, even if it’s more complicated and the result is sometimes less practical5,
  4. then browsers hide or remove this feature, because they see in usage statistics that it is not used anymore,
  5. then people who really would need this feature don’t find it, don’t even know it exists,
  6. then most web developers, who are also web users, don’t know that this feature exists either, and that there are people out there who would be delighted to use it, so they don’t do anything to support that.

We — most web developers — collectively killed the feature by not allowing it to work as intended. We should try to focus on the users’ need, not the technical implementation (or lack thereof), before saying it’s not useful.

So, we might not be a lot to need — or even just want — to change the default font size of our browsers, but:

  • using px unit, you deny us this right,
  • using em unit, you satisfy everyone6.

So, if you use px for font-size, I hope it’s only because you didn’t know what it means, and I also hope you will change.

And please, please, don’t tell me using ems or rems is hard. It’s not. At all. You just need to think differently and use the appropriate tools. Read this again, and practice.

  1. I often call myself a troll, that’s not that harsh when I’m the one saying it…;-) ⬆︎

  2. Yes, people use Kindle and similar e-book readers to browse the Web⬆︎

  3. In french, sorry if you don’t understand it. ⬆︎

  4. Answering everyone’s needs is at the heart of the Web’s universal access principle, the first of W3C’s design principles ⬆︎

  5. Think about websites that are not yet responsive, where zooming leads to messy horizontal scroll. ⬆︎

  6. I never heard about users complaining about font sizes defined in ems, only developers. ⬆︎

Si vous voulez signaler une erreur ou proposer une modification de ce texte, n'hésitez pas à l'éditer directement à la source sur Github.

9 commentaires

  • I'm totally with you on this. It's so ignorant to think that people don't change their browser font size based on assumptions alone, whereas data proves otherwise. Even based on personal observation alone, quite a few of my friends increase the default font size of their devices for accessibility, only to find out that some websites DO NOT RESPECT that.

  • Well, what a pity that your own website looks a little bit messed up, when using text zoom in Firefox. With the normal zoom it looks perfect.

  • Ok, I just saw that the comment section is just a plugin, so it's not really your site :D. Anyway after having read many articles about this topic, you don't know what to believe. The official Google recommendation is to set the base font to 16 px and also use pixels for all other sizes. But when you look at the google front page, the base font is 13 px and some sections even use pt.

  • Oh, right, Disqus is not perfect for big font sizes, indeed. I have planned to remove it, but it's not so easy on a static website.

    I know Google often do and say different things, that's annoying. Where did you read they recommend pixels for font sizes?

  • o crap i'm definitely going to switch to using em&rem's because "Palm webOS 2.0 & webOS TouchPad" has a default font size of 14px …

Twitter 500px Flickr Facebook Instagram Github Feed