solution for ugly font in IE

Question

I'm using

 background-image: -ms-radial-gradient(left top, circle cover, #dbd7fa 0%, #f7f6fe 56.12%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dbd7fa', endColorstr='#f7f6fe',GradientType=0);

to make a radial background in a div, but the font rendering of IE is ugly, like in some jquery effects (fadeIn, fadeOut, ecc.). The font used is Arial.

Does anybody know a hack to get the font normal?

Thanks in advance for helping

If i'm removing the filter, there's no radial gradient anymore in IE8 — Someone33, Oct 08 '13 at 18:08
Is it the end of the world? Why not just use a traditional background image? You know, the way we made gradients in Firefox and Chrome before CSS gradients? — Niet the Dark Absol, Oct 08 '13 at 18:09
It's not the end of the world (i hope so) :-)), but i'm asking if there is any solution. — Someone33, Oct 08 '13 at 18:10
@Kolink: Background images have all sorts of problems, for example they cannot adapt to different sizes of an element. Especially in IE. Anyway, my favorite way to handle this would be to display a hint for IE users and leave out the gradient for them (or leave it in and live with the ugly font). — Jost, Oct 08 '13 at 18:13

score 0 · Answer 1 · edited May 23 '17 at 12:10

Have you search carefully in stackoverflow before asking ?

I found these articles: Create a radial gradient for Internet Explorer 6/7/8, CSS radial gradient on ie8 and ie9

Also consider reading this page: http://7synth.com/dev/gradients which contains javascript file

A website, beautiful and fast loading is always a contrast. Smooth colored gradients with CSS can help, but not all Browser and not one library support this. With the "gradient.js" from 7synth you can have full and easy support for radial and linear gradients in InternetExplorer (IE), Firefox, Chrome, Safari, Opera and more... .

solution for ugly font in IE

1 Answers1