Why is the font not visible on the iPhone?

Question

css

on android, on the desktop everything is ok, but on the iPhone the font is not displayed, what could be the reason?

@font-face {
    font-family:'Elephant';
    src: url('/Apps/Core/Content/fonts/Elephant-LightOblique.eot');
  src: url('/Apps/Core/Content/fonts/Elephant-LightOblique.eot?#iefix') format('embedded-opentype'),
    url('/Apps/Core/Content/fonts/Elephant-LightOblique.woff2') format('woff2'),
    url('/Apps/Core/Content/fonts/Elephant-LightOblique.woff') format('woff'),
    url('/Apps/Core/Content/fonts/Elephant-LightOblique.ttf') format('truetype'),
    url('/Apps/Core/Content/fonts/Elephant-LightOblique.otf') format('opentype'),
    url('/Apps/Core/Content/fonts/Elephant-LightOblique.svg#Elephant-LightOblique') format('svg');
    font-weight: 300;
    font-style: oblique;
    font-stretch: normal;
    unicode-range: U+0020-221E;
}

Answer 1

In theory, there should be an alternative font

.some-class {
    font-family:'Elephant', sans-serif;
}