Comments on: How to Detect Font-Smoothing Using JavaScript http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/ A Blog about Client Side Web Technology Wed, 01 Feb 2012 14:43:50 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: zoltan http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-20990 zoltan Wed, 12 Oct 2011 23:16:52 +0000 http://www.useragentman.com/blog/?p=338#comment-20990 @Chris: ClearType is one of many types of anti-aliasing/font smoothing technologies out there and, as far as I know, only available on the Windows platform. In Windows XP, one can turn off font-smoothing completely, but in Windows Vista and Windows 7 it seems that one can only choose to use ClearType or "vanilla" font-smoothing. I believe this is because<a href="http://neosmart.net/blog/2006/a-comprehensive-look-at-the-new-microsoft-fonts/" rel="nofollow"> the fonts that come with Vista and higher</a> (e.g. Consolas, Calibri, and a whole bunch of others that begin with the letter 'C') require font-smoothing or they look like crap. @Chris: ClearType is one of many types of anti-aliasing/font smoothing technologies out there and, as far as I know, only available on the Windows platform. In Windows XP, one can turn off font-smoothing completely, but in Windows Vista and Windows 7 it seems that one can only choose to use ClearType or “vanilla” font-smoothing. I believe this is because the fonts that come with Vista and higher (e.g. Consolas, Calibri, and a whole bunch of others that begin with the letter ‘C’) require font-smoothing or they look like crap.

]]> By: Chris Hamm http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-20774 Chris Hamm Mon, 10 Oct 2011 21:28:52 +0000 http://www.useragentman.com/blog/?p=338#comment-20774 The demo shown always says I am using font smoothing tech even with ClearType turned off. Is font smoothing and ClearType separate from each other? Using Windows 7 and FF 7 as well as IE 8 and 9 The demo shown always says I am using font smoothing tech even with ClearType turned off. Is font smoothing and ClearType separate from each other?
Using Windows 7 and FF 7 as well as IE 8 and 9

]]> By: T http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-19930 T Thu, 29 Sep 2011 06:34:23 +0000 http://www.useragentman.com/blog/?p=338#comment-19930 Hi, first of all thanks for that your fontSmoothing detection is very cool. i have tested it a little bit and have seeen document.body.appendChild(canvasNode); is no longer needed in safari (win). if you kill this line you can fire the whole script in your head section and you do not have to wait for "dom ready". Hi, first of all thanks for that your fontSmoothing detection is very cool. i have tested it a little bit and have seeen document.body.appendChild(canvasNode); is no longer needed in safari (win). if you kill this line you can fire the whole script in your head section and you do not have to wait for “dom ready”.

]]> By: 10 things I learnt from building radiotimes.com | Blink Design - Portfolio & blog of Simon Smith, front-end web developer http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-19394 10 things I learnt from building radiotimes.com | Blink Design - Portfolio & blog of Simon Smith, front-end web developer Fri, 23 Sep 2011 10:06:21 +0000 http://www.useragentman.com/blog/?p=338#comment-19394 [...] Being too far down the line to start altering fonts (and having paid a bucket load to license Interstate!) we had to find a fix, which came in the form of this excellent technique for detecting aliasing with canvas. [...] [...] Being too far down the line to start altering fonts (and having paid a bucket load to license Interstate!) we had to find a fix, which came in the form of this excellent technique for detecting aliasing with canvas. [...]

]]> By: zoltan http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-17885 zoltan Fri, 02 Sep 2011 12:10:26 +0000 http://www.useragentman.com/blog/?p=338#comment-17885 @andy: It may be worth looking into this. The problem is there is a way to tune cleartype, so I can't rely on "every Arial O has these colored pixels in the middle". If you or anyone else has any ideas about how to work around this, I'm all ears. @andy: It may be worth looking into this. The problem is there is a way to tune cleartype, so I can’t rely on “every Arial O has these colored pixels in the middle”. If you or anyone else has any ideas about how to work around this, I’m all ears.

]]> By: andy http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-17099 andy Fri, 19 Aug 2011 10:55:51 +0000 http://www.useragentman.com/blog/?p=338#comment-17099 Oops. Last post got messed up. Can't you detect ClearType or subpixel-based hinting by detecting if there are different r/g/b values in a single pixel rather than simply a value between (0,0,0) and (255,255,255)? Oops. Last post got messed up.

Can’t you detect ClearType or subpixel-based hinting by detecting if there are different r/g/b values in a single pixel rather than simply a value between (0,0,0) and (255,255,255)?

]]> By: andy http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-17098 andy Fri, 19 Aug 2011 10:54:55 +0000 http://www.useragentman.com/blog/?p=338#comment-17098 Can't you detect ClearType or subpixel-based hinting by detecting if there are different r/g/b values in a single pixel rather than simply a value between and ? Can’t you detect ClearType or subpixel-based hinting by detecting if there are different r/g/b values in a single pixel rather than simply a value between and ?

]]> By: The @Font-Face Rule And Useful Web Font Tricks | i know idea http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-10188 The @Font-Face Rule And Useful Web Font Tricks | i know idea Thu, 17 Mar 2011 11:17:53 +0000 http://www.useragentman.com/blog/?p=338#comment-10188 [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...] [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...]

]]> By: The @Font-Face Rule And Useful Web Font Tricks http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-9924 The @Font-Face Rule And Useful Web Font Tricks Sat, 12 Mar 2011 01:50:24 +0000 http://www.useragentman.com/blog/?p=338#comment-9924 [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...] [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...]

]]> By: The @Font-Face Rule and Useful Web Font Tricks | Sharath Chandra Koheda http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/comment-page-1/#comment-9585 The @Font-Face Rule and Useful Web Font Tricks | Sharath Chandra Koheda Sun, 06 Mar 2011 17:15:09 +0000 http://www.useragentman.com/blog/?p=338#comment-9585 [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...] [...] browsers and operating systems from style sheets with Web fonts. Of course, JavaScript is a more elegant way to detect whether a client’s subpixel rendering is turned [...]

]]>