Overpass Backtick acts as grave accent over following character

Is it intended/expected behavior that the backtick character (`, Html `) is a combining grave accent over the subsequent character instead of just a standalone backtick character?

Html:

<html>

<head>
  <style>
    @import url("https://fonts.googleapis.com/css2?family=Overpass&family=Overpass+Mono&display=swap");

    .overpass {
      font-family: "Overpass", serif;
    }

    .overpass-mono {
      font-family: "Overpass Mono", serif;
    }
  </style>
</head>

<body>
  <span class="overpass">&#96;Overpass&#96;</span>
  <br>
  <span class="overpass-mono">&#96;Overpass Mono&#96;</span>
</body>

</html>

Result:

I would expect Overpass to keep the backtick separate, as its own character, as Overpass Mono does.

Sep 22 '22 16:09 rben01

It seems like you're encountering a problem related to the font rendering behavior of "Overpass" in your specific context. The issue appears to be with the font itself rather than the HTML/CSS code you've shared.

Aug 31 '23 05:08 xonx4l

@xonx4l Yes, the HTML was just to have something reproducible

Sep 09 '23 04:09 rben01

On a similar note, having three successive backtick characters ``` visually renders as a single backtick. This is very confusing when trying to render Markdown code where triple backticks are used to denote the start of a code block.

Jan 06 '24 13:01 advancingu