Chrome windows xp font smoothing

It made heading text look awesome, it would be horrible to use this on all text, it would slow it down considerably. Anybody has an idea how to solve this problem?

Thanks so much. Thanks in advance. Tagged: Code , Hacks. When applied to large blocks of text, rendering is noticeably slower. What would be quite cool is a way of only applying the hack to larger text, say over 20px. I have the same problem with my extension… reply permalink. Google damn you! Is there any "font smoothing" in Google Chrome? Ask Question. Asked 9 years, 6 months ago. Active 7 years, 4 months ago. Viewed k times. Improve this question. Community Bot 1 1 1 silver badge.

Are you using Windows? If so, the OS's ClearType smoothing engine might be the cause. Do you know what I can do about it? Add a comment. Active Oldest Votes. Status of the issue, June Fixed with Chrome 37 Finally, the Chrome team will release a fix for this issue with Chrome 37 which will be released to public in July See example comparison of current stable Chrome 35 and latest Chrome 37 early development preview here: Status of the issue, December 1.

Xpx; or the RGBa syntax by nezroy, found in the comments! My original answer: This is a big bug in Google Chrome and the Google Chrome Team does know about this, see the official bug report here. Improve this answer. The problem is not in all the browsers running on Windows, it's just in the case of Chrome. Firefox, Opera and IE have proper anti-aliasing of the fonts. Although, it can be fixed in chrome by using -webkit-font-smoothing property.

See my answer below. For black text, I used text-shadow: 0px 0px 1px;. Thanks a lot for the tip. Maybe it got lost in translation but -webkit-text-stroke only works when you use an alpha of the color of the font. So for a black font I use something like "-webkit-text-stroke: 1px rgba 0,0,0,0. I've noticed that Chrome 30 on Mac is now exhibiting the same lack of antialiasing. In the official ticket on the chrome board for this issue code. Show 6 more comments.

I had the same problem, and I found the solution in this post of Sam Goddard , The solution if to defined the call to the font twice.

Dave Markle Jaime Fernandez Jaime Fernandez 9 9 silver badges 8 8 bronze badges. This is actually the correct answer, however it can be simplified. This answer gives — by far — the best results. The SVG font looks x better than the -webkit-text-stroke hack. The main downside is the font-size of the SVG version; it's normally much bigger :- Google really needs to get this sorted a. Written by Mike King. Related protips. R evolution of the 'em' unit: rem 6. Thank you! You're a star, Mike.

Archana Agarwal. This was so helpful: Disable accelerated 2D Canvas. Thanks a ton!! Thank you all for the tips. It's really nice that we help each other.

Kumaresan Periyasamy. Angela Cavazos. Have a fresh tip?