Custom font overlapping on mobile

Site URL: http://primrose-okra-apc5.squarespace.com/

Hello,

I am having trouble with a custom font causing overlap and/or spacing issues when viewed on a mobile. It seems to only cause problems when the text is forced onto the next line when view on a mobile. 

I seem to have some luck with changing the underlying font which is being overridden with custom CSS for H1, but that seems like a strange work around and it doesnt actually fix the issue. 

Site: http://primrose-okra-apc5.squarespace.com/

Pass: password1234

Cheers,

Tom

Change your CSS to this

h1 {
    font-family: 'Costa';
    line-height: 40px;
}

Thank you! I found that this fixed the issue as long as I used spacers on the desktop version to get the correct formatting I wanted rather than using a hard return. Thanks so much for your help!

I am having similar issues on my FAQs page. Only the questions are in custom font and overlapping. Can you help me??

Site: https://scarlet-clover-cg34.squarespace.com/

No Password, I think. I am new to this so let me know if you need anything else.

Best,

Maria

Add to Home > Design > Custom CSS

/* Fix FAQ overlap */
@media screen and (max-width:767px) {
div#page-section-5f9911cbe5da215b553231e3 h3 {
    line-height: 20px;
}
}

hi im having the same issue with all the body text 

On 11/22/2020 at 9:39 PM, AndreaOchoa said:

hi im having the same issue with all the body text 

 

Hi. Have you solved this yet?

YES THANKS 😉

Hi, I'm having a similar issue. Can you help me?

My custom h4 font overlaps only when there's an "re" on mobile.

Page: storylinedesigncompany.com/packages

On 6/30/2021 at 3:02 AM, hummingbird said:

Hi, I'm having a similar issue. Can you help me?

My custom h4 font overlaps only when there's an "re" on mobile.

Page: storylinedesigncompany.com/packages

 

The screenshot looks fine. Can you explain clearly?

Hey - I'm having the same issue with my blog post text. I've tried increasing the line height to above 1em.. it didn't work. It happens on mobile for a lot of my pages but is happening on desktop with this particular blog post. Can you please help? 

www.norawinsler.com/portfolio

On 8/21/2021 at 9:07 AM, norawinsler said:

Hey - I'm having the same issue with my blog post text. I've tried increasing the line height to above 1em.. it didn't work. It happens on mobile for a lot of my pages but is happening on desktop with this particular blog post. Can you please help? 

www.norawinsler.com/portfolio

 

Where is these text?

On 8/22/2021 at 3:27 AM, tuanphan said:

Where is these text?

It is on my portfolio blog entries... basically every entry when you view it on mobile. 

On 8/24/2021 at 9:23 AM, norawinsler said:

It is on my portfolio blog entries... basically every entry when you view it on mobile. 

Hi. I checked some entries & don't see these text. Can you share link to a post where you have problem?

https://nora-winsler.squarespace.com/directing-portfolio/2021/8/24/extraordinary-women