Here is such a thing

Font connection

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

Used by HelveticaNeueCyr-Thin .

Font application

 h2 { font-family: "helveticaneuecyrthin"; }

On Android and on the computer, the font is displayed correctly. This error is found only on the iphone

Tell me what you can do about it?

    2 answers 2

    Decision

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

      set a separate css style for iphone, you can see it here or via js, where we will add the .mac-os class to the body

       <script> if(navigator.userAgent.indexOf('Mac') > 0) $('body').addClass('mac-os'); </script>

      then in css the editing for the poppy will be body.mac-os h2 {margin-left:-3px;} as an option

      • Did not help. There is still a problem on the iphone - GoodWin332
      • @GoodWin332, use the link stephen.io/mediaqueries/#iPhone , there are all possible options, each of them works exactly. - Neka