backtick characters do not render correctly

[oznu]

Describe the bug

When using the ` character it does not render correcly.

How to reproduce

This can be reproduced on the Clarity Docs site, https://clarity.design/documentation/input :

---

When single back ticks around around a word, the backticks get displayed over the first character.

Input should be `test`, but displays as:

---

When using multiple back ticks, only the first is shown:

Input should be ``` (3 back ticks in a row):

---

This behaviour is also observed in non-input fields, for example, editing the source of clarity to add ` around the word input in this paragraph:

Expected behaviour

Backticks are rendered correctly as per the user's input.

Versions

Clarity version:

• v17.x
• v18.x

Framework version:

• Angular v17.x
• Angular v18.x

Device:

• Type: Desktop
• OS: macOS and Windows
• Browser: Edge, Firefox, Safari

---

Thanks 😄

[dtsanevmw]

Hello,

We are aware of this issue but it requires updating the font version which for us now is a breaking change and it could happen in a major release.

Regards,
Daniel Tsanev