Font not displaying on mobile

Michelle777 · March 29

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!

tuanphan · March 31

Hi,

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

Michelle777 · March 31

Hi Tuan, yes sure, it's

Thank you!

Edited April 18 by Michelle777

tuanphan · April 5

On 3/31/2023 at 5:33 PM, Michelle777 said:

Hi Tuan, yes sure, it's www.clearenergytherapy.co.uk

Thank you!

Your font-face code missing some characters. Use this new code

@font-face {
    font-family: minervamodern;
    src: url(https://static1.squarespace.com/static/63d3d0c937b09408f17db985/t/64245808a621432b903366ea/1680103433057/MINERVAMODERNRegular.otf);
}
.header--menu-open .header-menu-nav-folder-content a {
    font-family: minervamodern;
    font-size: 30px;
}

Michelle777 · April 12

Hi Tuan, you're the best!!

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

Thank you!!

Font not displaying on mobile

Recommended Posts

Michelle777

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Michelle777

Link to comment

tuanphan

Link to comment

Michelle777

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources