How can I override the minimum-font-size in Firefo

Question

My site displays just like in need in IE and Opera, but in Firefox I can't get (via CSS) to have font sizes smaller than Firefox' default minimum-font-size. Of course I can go to Tools>Options and remove this value, but other users will see some of the elements displaced.

I have tried using !important, but it doesn't work. And I can't substitute the text by images, they are dynamic fields.

Answer 1

In some cases you can use <canvas> element and fillText().

Answer 2

you can try the following code

body {

min-font-size: 15px!important;

}