Inter: After a serie of "@", "(", or ")" and a capital letter, the tail shifts up

retueZe commented 6 months ago

Describe the bug

If you type a serie of "@", "(', or ")" (you may mix them), and a capital latin letter, the tail of the line shifts up (doesn't work with other punctuation characters or lowercase letters).

To Reproduce

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
    <style>
        textarea {
            font-family: Inter;
            font-size: 20px;
            font-weight: 400;
        }
    </style>
</head>
<body>
    <textarea></textarea>
</body>
</html>

Expected behavior

The baseline of each letter in the line should be equal.

Screenshots

Additional context

OS: Windows 10 x64 Browser: Chrome 121.0.6167.140 64-bit

tiroj commented 6 months ago

My guess is that Inter might be applying the OpenType Layout ‘case’ feature contextually, rather than relying on software to trigger the feature in all-caps settings. This is causing the raised glyphs for parentheses and @ symbol to be triggered in some situations where not appropriate.

retueZe commented 6 months ago

Is there anything I can do to fix this bug besides switching the font?

google / fonts

Inter: After a serie of "@", "(", or ")" and a capital letter, the tail shifts up #7258