I think such bad results may be achieved if Chrome and FireFox rasterize first and scale after that, instead of scaling first and then rasterizing.
To reproduce, here is the code:
<h1 style="font-size: 300%; color: #4f81bd; font-style: italic; font-family: 'Times New Roman', Times, serif;">WINTER ACTION</h1>
Update: Many people reported FireFox and Chrome render fonts OK for them. HN comment and tnm91 suggested that DirectWrite may be disabled, due to outdated video driver. It was true, I updated diver and DirectWrite become enabled, but rendered hadn't changed. Then sulliwan suggested to check CliearType - I enabled it and now FireFox and Chrome render text OK.
Thanks for the help!
On my laptop, I tested both Chrome and Firefox and had beautiful text rendering. That's on Linux.
ReplyDeleteI've seen Macintosh rendering text nicely in these browsers as well.
Maybe you're seeing a Windows bug?
Most other Windows apps look fine, so probably not a windows bug. In any case, browser vendors should make sure their apps work well on all supported platforms.
ReplyDeleteTested on my Mac, Chrome 32.0.1700.77
ReplyDeleteNo problem--Looks good.
Have you tried using "--enable-direct-write"?
ReplyDeletehttps://code.google.com/p/chromium/issues/detail?id=137692
It is a problem with windows. Try installing Mactype [https://code.google.com/p/mactype/] to obtain smooth font rendering on windows
ReplyDeleteIt's Windows. They need to fix that.
ReplyDeleteI wouldn't call it a bug, it has been like that for years.
I think because of text like that, it made me jump to using a mac more.
Hey, it's because you got Cleartype disabled on your Windows system. IE uses it's own version of Cleartype regardless of system settings, while Firefox and Chrome correctly adhere to your system settings.
ReplyDelete@sulliwan thanks for the ClearType hint, enabling it fixed the problem (I also updated video driver before this)
ReplyDelete