Custom Font not displaying on Mobile

My website is www.littlebattersea.co.nz

I've uploaded the font 'Bulgari' which is working perfectly on desktop, but is not working on mobile. Any tips?

I'm having the same problem. How can I apply my custom font "DM sans regular" to H1 headings and all paragraph on mobile?

https://www.rooftopbar.co/

Hey, this is the code i ended up using:

p1 
{font-family: 'FONT NAME';}
p2 
{font-family: 'FONT NAME';}
p3 
{font-family: 'FONT NAME';}
h1 
{font-family: 'FONT NAME';}
h2  
{font-family: 'FONT NAME';}
h3 
{font-family: 'FONT NAME';}
h4 
{font-family: 'FONT NAME';}

@font-face 
{font-family: 'FONT NAME';
src: url (url);
}

@font-face 
{font-family: 'FONT NAME';
src: url(url);}

Also, love your bar - frequented a few times. 

You can combine your code to make it shorter, eg, h1, h2, h3, h4 {font-family: 'FONT NAME';}

Also, p1, p2, p3 tag doesn't exist. To target all there p, you can use p {font-family: 'FONT NAME' !important;}

If you wan to target each p, each p will have this id

p1 = p.sqsrte-large

p2 = p:not(.sqsrte-large):not(.sqsrte-small)

p3 = p.sqsrte-small