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 to make image 3D using CSS

    How can I apply a css rule to all descendants of an elements

    How to display red borders on required or invalid value input element in Chrome just like Firefox behaviour for HTML5 validation?

    How to make a div take the remaining height without knowing the height?

    How to make a collapsible with a single css drop shadow in Jquery mobile?

    How to fix every element on the same position, when browser is resized?

    how to center a div without width?

    How to create this responsive grid of different sized images with CSS & HTML, example below

    How to Make 4 cells in each line by only css & html

    CSS IE7 How can I force UL inside LI to be wider than the parent

    How to pass jsf bean value to css calc function?

    how to change collapse direction of a panel in bootstrap

    How to hide DIV when scroll reach at Bottom through CSS?

    How to use css in one page only?

    PHP+CSS Obfuscation - PHP ord THEN PHP strrev + CSS reverse text, how to get the special chars validated backwards?

    How to use CSS filters in JavaScript?

    How do I add css elements to ng-repeat templates?

    Simple CSS: How to fix display:inline issue

    How to reload a css background-image inside a directive

    How to force the border color of a cell in a html table

    how to combine css with php while loop and table?

    Gulp : How to copy multiple files and keep the folder structure

    how to write a desktop application which uses HTML and CSS for user interface and python/perl/c++/java for the processing?

    Capybara/CSS: How to find an input field by label AND value?

    CSS: Image is stretched to square, how to crop it?

    How to handle multiple-language site without database or backend code?

    How do I know when is the right moment to stop using a specific css vendor-prefix?

    How to restore CSS style to its super class

    How to create folder style in CSS

    How center an absolute element (img) that's wider than its parent div?