Bug - Backticks do not display properly with Noto Sans font

[akselsoft]

In any text box or text area element, entering a back-tick (character `) results in a single back-tick being displayed and treated almost as an accent or display fault.

This can be sourced down to something in the CSS file and was not present in earlier versions of the theme (possibly directly related to wet-boew). We have a site using wet-boew version 5 that did not exhibit this behavior. However, as far back as version 11 (2022) using the GCWeb stylesheet, it occurs

The problem is apparently with the Noto Sans web font. The workaround is to NOT use this font. But is there a recommended alternative font?

To Reproduce

1. Go to '...'
2. Go to the Search box.
3. Enter a backtick (`) multiple times.

Observed: Tick is only shown once and
Expected: Tick should be shown as entered.

Current behaviour

The backtick is only displayed once OR it appears as an overlay.

Expected behaviour

Multiple back-ticks should appear.

Screenshots and/or logs

Screen shot appears above but here is one on the Canada.ca site.

[akselsoft]

I was also able to resolve this by explicitly telling the style sheet to get a different version of the font:
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext');

So there is something that is pulling the wrong version of the font that is causing this issue.

[Ricokola]

@akselsoft Thank you for having flagged this possible issue. In order to help me doing the right investigation and testing exercise, can you please provide a use case for the usage of back-ticks in an online form? Would you have by an chance, an example where a back-thick must be used in a open text field?