htmlcssfonts

How to write very small text in HTML


I would like to have a font smaller than an Arial 9px text.

I've tried to find other font name but I did not succeed to get a very small text. Is there a way to achieve this easily using css ?

EDIT : I can't go under 9px using Arial I have tried font-size, small, transform, scale, other fonts... everything as I am an experienced web developper.


Solution

  • Most (all?) browsers have a minimum font size, to avoid underhanded people displaying unreadable text for some reason. Some browsers let you adjust this, but you simply can't count on being able to display smaller than 9pt on anyone else's machine.

    Unless you opt for very old school: create your text as a graphic.

    Or: Create your own custom, tiny font - as long as it has all the features of (say) a 12pt font, it will display fine, but if the glyphs are only two dots high, that is what you will see.