CSS – Make font-size smaller than 12px in Chrome

In Chrome, the displayed text has a minimum font-size 12px even thought you set a smaller value in CSS. This is because the Chrome browser has a auto font adjustment.

So if you want to style a text with font-size smaller than 12px, include the following line in your CSS file.

body {
  -webkit-text-size-adjust: none;
}

 

Done =)

Reference: StackOverflow – Font-size <12px doesn't have effect in Google Chrome

4 thoughts on “CSS – Make font-size smaller than 12px in Chrome”

      1. thanks for the reply, everything is ok now. i read some stuff about avoiding this code for safari and phones, but i tried anyway and it seems ok on my android too. so again, thank you 🙂

        Like

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.