Font not displaying on mobile

Hi there, 

I've used the code 

.header--menu-open .header-menu-nav-folder-content a  {font-family: minervamodern;
font-size: 30px;}

to change the font of my mobile menu.

It displays perfectly in the Squarespace editor mobile view, but on the iphone it's displaying as a weird serif font. 

Minerva is displaying fine everywhere else on the site on iphone.

Please can you help?

Thank you!

Hi,

Can you share link to your site? We can check easier

Hi Tuan, yes sure, it's 

Thank you! 

Hi Tuan, you're the best!! 

So many times replies of yours I've read on this forum have solved my problems!  

Thank you!!