Link to home
Start Free TrialLog in
Avatar of Starr Duskk
Starr DuskkFlag for United States of America

asked on

CSS style is pixelated and choppy

I have setup a font size style in CSS and it is:

font-size: 12px;

I have also tried 10pt;

I use font-family:Verdana

In IE it is fairly smooth, but in firefox the font is choppy and pixelated.

What can I do to get the edges smooth?

Avatar of Arpit Bajpai
Arpit Bajpai
Flag of India image

Use the same background colour in the gif and web page (or one that's close). E.g. if you want to show a yellow triangle on a black page, don't start with a white background in photoshop and draw a yellow triangle with anti-aliasing - start with a black background instead.

If the background behind the gif varies a lot, try different shades of gray and see which one works best

For a smooth gif the best way is to add anti-aliasing to the edges. This is a default option on programs such as Macromedia Fireworks. Then just export the png as a .gif file and add some alpha transparency to keep the background transparent.

Hope this solves your problems
Avatar of Starr Duskk


Sorry, it doesn't apply to my problem.

I am not using a GIF image.

I am using a cascading style sheet font. Please reread my question.

Avatar of xberry
Flag of Germany image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial

If you want more specialized reply for this, you may
post your problem in the "web browers" section at EE.

Apart from that, what version of Firefox are you using ?
I am using Firefox