How to render thin fonts more smoothly in CSS3 with HTML?



To render thin fonts more smoothly, use −

text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;

For Google Chrome, use −

-webkit-font-smoothing:antialiased !important;

You can enhance the performance like this −

text-rendering: auto
text-rendering: optimizeSpeed
text-rendering: optimizeLegibility
text-rendering: geometricPrecision
text-rendering: inherit
Updated on: 2020-06-25T05:32:31+05:30

285 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements