Copy link to clipboard
Copied
For a customer we use the Quattro font on their website. In certain browsers this font renders incorrectly. The spacing between dots and the bottom part of certain letters get merged together. For example, the letter i is displayed as I and the letter j is displayed as J. See screenshots below for more details.
Font rendering in Chrome (correct).
Font rendering in MS Edge.
How can we solve this issue? Changing the font-weight with CSS solves this issue but this is not something we can just do because its not by design. Any help will be appreciated.
Have something to add?