Disable Chrome 10px Minimum Font Size

I have text with

font-size:9px 

But it displays correctly in Safari and Firefox, but not with Mac / Chrome (V32).
Left is chrome [bad] / Right is Safari [correct]

enter image description here

I see in the code inspector that my font is 9px, but the chrome switch is 10px:

enter image description here

I heard about the minimal font size in chrome and tried to turn off auto-tuning, following the style, but didn't work.
Any idea?

 * { -webkit-text-size-adjust: none; } 
+6
source share
1 answer

I can only say WHY it does not work, but it can help you look for another way to solve your problem.

from chrome version 28.0.1500.11 chrome does not support -webkit-text-size-adjust anymore. (changelist here: http://trac.webkit.org/changeset/145168 ). and the safari follows him. on newer versions of mac os text-size-adjust is already gone.

I also have problems with this, since I created a whole site on rem modules to make it not only responsive, but also completely flexible. it worked fine, but suddenly everything is huge now. I work a lot on a solution for this, but if anyone has an idea, I don’t think I would really appreciate it.

as soon as I find a solution, I will be back so you know.

+5
source

All Articles