Is it possible to disable anti-aliasing in CSS when using @font-face with pixel fonts?

css font-face antialiasing
Samuel picture Samuel · Nov 18, 2009 · Viewed 12.7k times · Source

I want to use a pixel font on the web. I'm including it using @font-face however all the browsers are applying anti-aliasing to the font. I can't seem to find a CSS rule to disable this, can anyone think of another method of disabling anti-aliasing?

Answer

keithjgrant picture keithjgrant · Nov 18, 2009

Font rendering is done by the operating system and browser, so, as of yet, I believe there is little that you can do with CSS. There may be some proposed CSS rules in discussion (I've seen mention "font-smooth" or something like that), but nothing in CSS3, as far as I know, and definitely nothing in CSS2.

Related questions

@font-face anti-aliasing on windows and mac

I've used http://www.fontsquirrel.com/ to create a @font-face kit. It works fine, but the result on windows is different from the result on mac. On windows the font seems to have a wrong anti-aliasing: this is the result …

Read More
How to add some non-standard font to a website?

Is there a way to add some custom font on a website without using images, Flash or some other graphics? For example, I was working on a wedding website, and I found a lot of nice fonts for that subject. …

Read More
Using .otf fonts on web browsers

I'm working on a website that requires font trials online, the fonts I have are all .otf Is there a way to embed the fonts and get them working on all browsers? If not, what other alternatives do I have ?

Read More