How to write very small text in HTML

Question

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.

Answer 1

Set font-size to whatever you want - although you may find that any font less than 9px may be too small to read well. You could also do it with em's or rem's or percentages.

But you can set the font size as follows (for an example p element that you want to be 6px in size).

 p {font-size: 6px}

So note that you are not importing the smallest possible font - you are sizing the html elements to be a small font-size with CSS). Using this principle- you set the fontsize for all the elements you want to use it - eg: p, span, a, li, h etc.

But again - I must caution against this for accessibility purposes.

p {
 font-family: Arial;
 font-size: 6px;
}

<p>This is a test with Arial font at 6px and is NOT recommended</p>