People don't change the default 16px font size in their browser (You wish!)
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 trolls[1] 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
Permalink to heading Default font size in browsers is always 16pxNo, 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 3[2] | 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
Permalink to heading People don't change the default font size in their browserI 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 feature[3] in 2013 at Paris Web, the french leading Web conference!
I agree we are not a lot[4] 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:
- there is still a need for this, maybe even increasingly so with people using the Web getting older,
- but too many websites are really deceptive, not caring at all about users' preferences and needs, using
px
font-sizes, making this feature useless, - then users change their habits and use global zoom, even if it's more complicated and the result is sometimes less practical[5],
- then browsers hide or remove this feature, because they see in usage statistics that it is not used anymore,
- then people who really would need this feature don't find it, don't even know it exists,
- 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 everyone[6].
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 em
s or rem
s is hard. It's not. At all. You just need to think differently and use the appropriate tools. Read this again, and practice.
June 15th, 2018 update
Permalink to heading June 15th, 2018 updateI often call myself a troll, that's not that harsh when I'm the one saying it… 😉 ↩︎
Yes, people use Kindle and similar e-book readers to browse the Web. ↩︎
In french, sorry if you don't understand it. ↩︎
Answering everyone's needs is at the heart of the Web's universal access principle, the first of W3C's design principles ↩︎
Think about websites that are not yet responsive, where zooming leads to messy horizontal scroll. ↩︎
I never heard about users complaining about font sizes defined in
em
s, only developers. ↩︎
-
older article:
Le gros impact des raccourcisseurs d'URL sur la performance -
newer article:
The DNA Journey