title: Custom font not working on iOS even when using all formats possible
body: <p>I'm trying to use the Gill Sans-Light font on my website, but for some reason I can't seem to make the font work on iOS devices only. To demonstrate what I mean, here's a screenshot of the same font when I open my website in an Android phone, and when I open it in an iOS phone.</p>
  
  <hr>
  
  <p>Android: <a href="https://i.stack.imgur.com/4LgDQ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4LgDQ.jpg" alt="Android Screenshot"></a></p>
  
  <p>iOS: <a href="https://i.stack.imgur.com/E40gf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E40gf.jpg" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>Yes, I know there are lots of questions in here about this particular problem, I've read through them all but I can't seem to make my font work no matter what solution I use.</p>
  
  <p>If it helps, I used Transfonter to convert the font format to EOT, WOFF2, WOFF, TTF and SVG.</p>
  
  <p>Here's my code:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: 'Gill Sans';
      src: url('../fonts/GillSans-Light.eot');
      src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
           url('../fonts/GillSans-Light.woff2') format('woff2'),
           url('../fonts/GillSans-Light.woff') format('woff'),
           url('../fonts/GillSans-Light.ttf') format('truetype'),
           url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
      font-weight: 300;
      font-style: normal;
  }
  </code></pre>
  
  <p>Thank you for your help.</p>