font-family not being applied on mobile devices
<p>I have a problem with the font-family property in my <code>css</code>. I have a title that I want to style using a particular font. I am using <code>@fontface</code>. On my desktop it works fine, but on <code>iPhone</code> and <code>iPad</code> I get some standard font (I think it might be times but I am not sure). I did some research and tried different formats otf ttf etc... but still wasn't working. Finally, fed up, I've tried just changing fonts on my css to other system fonts and the phone is still not recognising them. Basically it's stuck with one font. Here is a couple of examples of fonts on the desktop:</p>

<p><a href="https://i.stack.imgur.com/MlwMv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MlwMv.png" alt="enter image description here"></a></p>

<p>The three first images are different font-families I have applied on the desktop version. There is a system font, a google font and a custom font using <code>@fontface</code>. All work.</p>

<p>The fourth image is what shows both on <code>iPhone</code> and <code>iPad</code> for each one of the fonts. Always the same one. What on earth is happening? Any suggestions appreciated.</p>

<p>My code for the custom font is:</p>

<pre><code>@font-face {font-family: QuaestorSans;
          src:  url("fonts/QuaestorSans-Rg.otf") format("opentype"),
                url("fonts/QuaestorSans.ttf") format("opentype");
}


.title{
  font-family: QuaestorSans;
  font-size: 2em;
  letter-spacing: 1.4px;
}
</code></pre>

<p>the html</p>



                
                    alice soyer
                

                
                    sky on earth
                
        

<p>There is a little animation that fades the letters in, but I wouldn't have thought that would interfere with the font-family (and only on mobile devices?).</p>

<p>If you want the check out the web site it's alicesoyer.com</p>

<p>there is only one rule for the font-family, but if you test the site on desktop and on mobile (i am testing on iPhone and iPad for now) you will see different families. Thanks</p>