How often is the default font size in the browser not 16px?


Tags: css

Problem :

After writing a great big answer to the question Is it bad to work with pixels in CSS? in which I concluded that there's normally nothing wrong with it provided you understand the limitations, I started to wonder about how many people have the default font size set to something other than 16px.

I imagine that there would be some users who change it due to either poor eyesight or high pixel density monitors (like those with 1920*1080 screens on 15" laptops) (or maybe just because they like larger text). There also may be some devices (handheld devices?) that have the default font size set to something else, but this is purely conjecture on my part.

My question is: does anybody know any statistics on what percentage of users have the default browser font size set to something other than 16px?



Solution :

This avoids answering your question, but IMHO such statistics shouldn't matter even if it were near zero percent.

Even if 16px were the de-facto standard, you should start from the position that this is something that the designer doesn't ultimately control, and it should be left up to the user to choose their font size. Your decision process should lead to designs that are flexible based on the user's needs.


    CSS Howto..

    how do you create tags like stackoverflow with text styling

    How to add and remove div's (input)

    How to change lines in an angularJS+Bootstrap?

    How do you create a scrolling window over a still background image with CSS?

    How can I make the side elements spin on the x-axis in this animation?

    How do I get my divs to ease in right after eachother on page load?

    How to dynamically modify CSS class using Javascript / jQuery with wrapper?

    divs hide and show

    How to make a space between tags (icons) in table?

    How to add multiple button in 1 line (css)? [duplicate]

    How to abruptly stop a linear animated jQueryUI slider handle (crossbrowser)

    How to fade an image with CSS without opacity?

    How to Troubleshoot CSS?

    How to position button in the middle

    How to sequentially animate menu elements

    How to use objects returned by a function?

    How do I enable scrolling only in one direction in CSS?

    How do stop elements from changing (properties) during javascript events?

    How to wrap UL list - LIs on new line with css

    how to put css in selected row in angular js?

    How to Make Hover Background Fade Smoothly In and Out?

    Android WebView : how do I control webView height?

    How to add CSS to an if else statement in PHP

    How to pause css animation at orginal state

    How to make URL change upon clicking through AJAX loaded menu?

    jQuery Show/Hide for and

    How to let an object not take up its natural width

    How to align social like buttons next to copyright text inside footer?

    CSS how to style a parent item when a textarea is in focus?

    CSS Clouds - How to adjust to inner content?