Typophile

How to display Text NOT antialiased on a webpage (HTML)

Jui

Hi there!

First of all: I know nothing whatsoever about Internet programming. I just want to give a hint to a guy who do me a favour with an internet project.

OK. I want the text on my webpage to appear NOT antialiased, but sharp just with black pixels for example.
Is that possible with Monaco, Andale Mono etc. Or do I have to use something special?
Is there a certain adjustment in the stylesheet?

just like here:

http://www.blanka.co.uk/

or here:

http://www.plusminus.ca/

Can anybody please give me a hint how to achieve that?

Thanks!

Juergen

I think the only way you could achieve this is by using images of the text, or coding the site in flash.
If you’re gonna use images, remember to set the alt attribute!

Hmm. Or I might be wrong. This doesn’t seem to be any of the two.

I think he wants the opposite of images of text. Or maybe a better way to explain it is he seems to want a pixelated look. Is that correct? Are you basically trying to get the strokes of the letter forms to be about one pixel wide?

If you increase the size of the text on those Web pages (command +), you’ll see that the type maintains its crispness and the strokes get larger than a single pixel or two in width.

Check out the CSS for those two sites to see what size they set the type in question. I feel the look they’ve achieved is based on the type size because it actually is just HTML and not a jpeg.

double post..

unknown

Captured from web.archive.org on 6 Jul 2008. view this capture