Browser Text Pixelation
- Started
- Last post
- 14 Responses
- mjbauer
Do none of the PC browsers anti-alias text? I've been working on a site and the text that the client is seeing in Firefox is pixelated to the point of being nearly illegible.
You can see the comparison here:
PC Firefox -
Mac Firefox -
Is there a fix for this or is it just a fact I have to deal with?
- MrDaro0
I had a problem a few weeks back with the text getting "bolded" and distorted beyond readability on PC. My fix was getting rid of the quotation marks around the font-family declaration on the css.
eg. font-family: arial, 'helvetica', sans serif;
- dan53820
i hope this is just a comp. don't use text as images. oh and it doesn't look too bad when you see it at full size. You just have to click on the image.
- 7point340
i think IE7 (not sure about 6) anti-aliases all text over 10px.
i think firefox requires a plugin
- mjbauer0
Anyone else have any insight?
- flashbender0
This most likely doesn't really help you, but it is a bit more knowledge for you to have.
windows can be set to smooth (anti-alias) screen fonts, but the default is set to not do that.
- ********0
The amount of Firefox´ anti-aliasing and therefore the appearance of text changed every other minor-version update for me (i run a PC). I never heard of a way to ensure a homogeneous appearance cross-browser/OS in HTML. I guess you´ll have to approximate to the least common denominator...
- That's what I'm dreading. It seems like 12px Arial should be legible in ANY browser.
mjbauer
- That's what I'm dreading. It seems like 12px Arial should be legible in ANY browser.
- adev0
You also have to realize.. Windows and Mac OS render fonts completely differently. Text will never look the same on Windows or Mac (unless you use Safari in Windows). And Windows browsers generally haven't anti-aliased in the past by default. Web site text almost always looks better on a Mac.
- jaylarson0
Tell the client to turn on clear type
- October0
thats why i often design with anti-aliasing set to none for body text. you can approximate what it'll look like on photoshop.
someone on a pc should be used to reading that. i dont find it illegible at all since thats what most websites often look like.
- GORADIO0
yeah - turn on cleartype. it's under display settings in control panel, the 'appearance' tab, and then effects, at least on XP. It probably has very little to do with the browser - it's the OS's (windows or OS X) rendering of type. OS X makes it looks nice by default; Windows doesn't.
- Stugoo0
comp design with anti aliasing set to none. gives a feel for the lowest common denominator, IE7 Uses clear type automatically.
however
you can get the PC user to turn it on :
http://support.microsoft.com/kb/…
- GORADIO0
I hope you're replacing this... http://www.attaboydogtraining.co…
- modern0
On the plus side people with aliased text don't know what they're missing, they are used to things looking dogshit