Why does the font in the input box on the bootstrappingdesign lander look so screwy and hard to read, relative to the rest of the page? (I'm running Chrome on a vanilla Windows 7 box.)
I would also advise you not to fiddle with the ClearType tuner, in my experience it will not help you with this problem.
I'm experiencing the same problem rendering the site on Chrome in Windows 7. I tried running through the ClearType tuning thing - with no success.
However, it appears that Chrome on Windows is the problem here, as it also renders fine in Windows Firefox. Chrome and Firefox in Ubuntu works fine as well.
Here is a Windows 7 comparison of Chrome vs Firefox rendering:
Edit: Additionally, if I use the so-called "F12 Developer Tools" in IE9 to switch the browser mode to IE8 the font will have the same problem.
Edit 2: I found this article http://www.owlfolio.org/htmletc/legibility-of-embedded-web-f... - I also found a few references to being able to activate hinting for the fonts used in the embedding process. Not sure what the options are from TypeKit (the service used on this site) and I can't check on my own TypeKit account as their website is currently down for maintenance.
Typekit does provide samples of how the fonts render in various browser/OS combinations: https://typekit.com/fonts/calluna (Click "Browser Samples" tab.)
It's definitely a limitation of @font-face and something I should have accounted for in the design. Apologies for poor legibility.
I'll look into a fallback font for that input box. Sorry it's hard to read.