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
<!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>