How to fix duplicate font on iphone?

Question

css

Good day.
Here is such a garbage with fonts on iphone

On android and on a computer, everything is displayed correctly.
Connecting a font

@font-face {
  font-family: 'helveticaneuecyrthin';
  src: url('HelveticaNeueCyr-Thin.eot?') format('eot'), url('HelveticaNeueCyr-Thin.ttf') format("truetype"), url('HelveticaNeueCyr-Thin.otf') format("opentype");
}

Installing the font

h2 {
  font-family: "helveticaneuecyrthin";
}

Please advise how to fix this problem.

Answer 1

As far as I know, on iPhones this font is installed by default, so try writing something like this:

h2 {
  font-family: "Helvetica Neue", "helveticaneuecyrthin";
  font-weight: 300;
}

I don't know what font-weight value corresponds to Thin, I think it's either 100 or 300.
It's also possible that "Helvetica Neue" is spelled wrong.
The bottom line is to first refer to the standard font installed in the system, and only then, if the font is not found, use the one connected via font-face