Backtick acts as grave accent over following character

rben01 commented 1 year ago

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.

xonx4l commented 12 months ago

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.

rben01 commented 11 months ago

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

advancingu commented 7 months ago

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.

RedHatOfficial / Overpass

Backtick acts as grave accent over following character #95