Designer News is where the design community meets.
over 7 years ago from Giovanni Hobbins, giovanni.io
Apparently it's important to have a different font size for every screen size. In half an em increments.
@media (min-width: 92.3125em)and (max-width: 93.375em){ html{font-size:5.1875em !important}}
@media (min-width: 93.4375em)and (max-width: 94.5em){ html{font-size:5.25em !important}}
@media (min-width: 94.5625em)and (max-width: 95.625em){ html{font-size:5.3125em !important}}
!everything !important !always !important ..
!theonlywaytomakethiswork
Yikes....
I actually wrote a blog post a while ago on how this can be used for fluid typography
Now playing
Apparently it's important to have a different font size for every screen size. In half an em increments.
@media (min-width: 92.3125em)and (max-width: 93.375em){ html{font-size:5.1875em !important}}
@media (min-width: 93.4375em)and (max-width: 94.5em){ html{font-size:5.25em !important}}
@media (min-width: 94.5625em)and (max-width: 95.625em){ html{font-size:5.3125em !important}}