Forum Moderators: not2easy

Message Too Old, No Replies

IE glow is pixelated on custom font!

The glow makes the whole font look weird!

         

Mathiaslylo

10:21 pm on Aug 16, 2010 (gmt 0)

10+ Year Member



In Internet Explorer, applying a glow effect to my h1 and h2 tags seem to pixelate the whole font, even in the middle of it.

See [flamefusion.net...] as an example. Notice the "Welcome" text being entirely weird.

The CSS for that specific item is defined here:

.mainHeader
{
zoom:1;
font-family:fRaleway,verdana;
font-size:50px;
color:#FFA900;
filter:glow(color='#FFCB00', strength='1');
text-shadow:0px 0px 3px #FFCB00;
}

Is there anything I can do to change the look of the rendering, so that it isn't pixelated anymore? Would a blur filter help?

Major_Payne

7:39 am on Aug 17, 2010 (gmt 0)



Might help: CSS Visual Filters [ssi-developer.net] Says for IE only. Some browsers need their own specific CSS properties.

Micro$oft's Introduction to Filters and Transitions [msdn.microsoft.com].

You can drop the dimension "px" on values that are absolutely "0" (zero).