How to preserve the readability when font fallback occurs with CSS



Use the font-size-adjust property to preserve the readability when font fallback occurs. You can try to run the following code to implement the font-size-adjust property

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          #demo {             font-size-adjust: 0.90;          }       </style>    </head>    <body>       <h2>Heading Two</h2>       <h2>With font-size-adjust property:</h2>       <div class = "demo">          This is demo text.       </div>       <h2>Without font-size-adjust property:</h2>       <div>This is demo text.</div>    </body> </html>
Updated on: 2020-06-25T09:36:34+05:30

130 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements