Inspecting my website with dev tools, and on different browsers. The computed font-size for all my forms is all over the place:
- Chrome and Safari OS X:
11px - FF OS X:
11pxexcept for some that randomly render at14px. - Opera on Windows:
13px - jennyfofenny is even reporting strange font sizes of
13.3333pxon Windows 7 Chrome.
None of these are the standard 14px I’ve set to <body> or the 100% browser default of 16. What is going on here?
All of the buttons and inputs are exhibiting this strange behavior: search forms, buttons, my comments section.
I’ve looked everywhere, tried disabling plugins, tried disabling Javascript, and I simply can’t find the source of this bug
Posible Solution:
Adding the input property to the reset sheet starting at line 30 solves the problem.
However:
It’s still going to bug me forever how this strange behaviour came to be, considering neither 11px or 13px are browser defaults for anything AFAIK. (jennyfofenny is even getting strange font sizes of 13.3333 on some browsers!)
I agree with opanitech. Everything seems to be checking out when I look at your site, and I double checked it in Firefox, Chrome and Safari. Body copy is showing up as 14px and h1 as 22px. View your site in another browser if possible. You could always add
!importantto your font-sizes just in case.