Comments on: CSS font-family monospace renders inconsistently in Firefox and Chrome http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/ secrets and mysteries from the realms of the technocrats and other such ramblings Wed, 01 Feb 2012 04:10:29 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: konaya http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/comment-page-1/#comment-18868 konaya Tue, 19 Apr 2011 23:11:46 +0000 http://www.undermyhat.org/blog/?p=552#comment-18868 My theory is this: If you specify monospace as the primary "font", you are probably fully aware of how it will look like (otherwise you'd be kinda crap at web design). However, if you for some reason or other have monospace as a fall-back font, there'd be no elegant way of knowing whether you've fallen back to it or not. Therefore, it makes more sense to render monospace at the same size as the primary choice. Seems simple enough. I agree that it's odd that they have chosen to render monospace smaller. At least on paper; IRL, when I look at the smaller rendering of monospace, it feels like the proper size for it to be. It "feels" like 1em, even if it isn't. My theory is this: If you specify monospace as the primary “font”, you are probably fully aware of how it will look like (otherwise you’d be kinda crap at web design). However, if you for some reason or other have monospace as a fall-back font, there’d be no elegant way of knowing whether you’ve fallen back to it or not. Therefore, it makes more sense to render monospace at the same size as the primary choice. Seems simple enough.

I agree that it’s odd that they have chosen to render monospace smaller. At least on paper; IRL, when I look at the smaller rendering of monospace, it feels like the proper size for it to be. It “feels” like 1em, even if it isn’t.

]]> By: Alejandro García http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/comment-page-1/#comment-10959 Alejandro García Fri, 15 Oct 2010 00:55:27 +0000 http://www.undermyhat.org/blog/?p=552#comment-10959 You just saved my night! I was wondering why Courier New looked smaller on Safari...! I replaced my style with just "Courier New": font-family: "Courier New"; And it's size it's ok! Now I have to find why it's color is a lighter gray in MacOSX browsers than it should be. Thanks a lot! You just saved my night! I was wondering why Courier New looked smaller on Safari…!
I replaced my style with just “Courier New”:
font-family: “Courier New”;
And it’s size it’s ok! Now I have to find why it’s color is a lighter gray in MacOSX browsers than it should be.
Thanks a lot!

]]> By: Robert Cerny http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/comment-page-1/#comment-10931 Robert Cerny Thu, 14 Oct 2010 07:30:51 +0000 http://www.undermyhat.org/blog/?p=552#comment-10931 You just made an insane world a littler saner for me. Thanks for this helpful and well written post! You just made an insane world a littler saner for me. Thanks for this helpful and well written post!

]]> By: Introducing ReStyle: a Minimal CSS Framework – David Thomas Bernal http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/comment-page-1/#comment-7125 Introducing ReStyle: a Minimal CSS Framework – David Thomas Bernal Tue, 11 May 2010 07:23:39 +0000 http://www.undermyhat.org/blog/?p=552#comment-7125 [...] text to be a sans-serif, simply because I find it to be much more readable and attractive. I also fixed the bizarre quirk of Firefox and Chrome that causes them to display monospaced fonts much smaller than their [...] [...] text to be a sans-serif, simply because I find it to be much more readable and attractive. I also fixed the bizarre quirk of Firefox and Chrome that causes them to display monospaced fonts much smaller than their [...]

]]> By: Rodrigo Saling http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/comment-page-1/#comment-6444 Rodrigo Saling Thu, 15 Apr 2010 23:21:42 +0000 http://www.undermyhat.org/blog/?p=552#comment-6444 Thanks for the explanation and the tips! Thanks for the explanation and the tips!

]]>