Jump to content

Issues with text on different browsers - text is cut off on some browsers

Recommended Posts

Posted

Site URL: https://www.sabinelemke.de

Hi there,

strange issue here: text is cut off on different devices or browsers.

Maybe someone knows whats happening and how to handle this.

In the pictures below you can see on the right, how the text looks on my side (tested on MacBook Pro with Safari and Chrome and on my IPhone) and on the left side is what my client is seeing on her devices...

You see the text is cut off on the top.

I tried to adjust the line height of the headlines, but what happens is, the cut just moves somewhere else. Like higher or appears on the first line of the headline --> "Sichtbar und" is beeing cut off instead of "einzigartig"

So to me it seems to be the right thing to adjust, but how can I make sure the headlines look good on all devices and browsers?

Anyone an idea how to solve this?  

I'm not sure if this is the right thread to post it to...sorry

Thank you.

1.jpg

2.jpg

  • Replies 6
  • Views 3.7k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
2 minutes ago, ka_scal said:

strange issue here: text is cut off on different devices or browsers.

It all looks fine to me - exactly as it does for you.

I recommend you check which browser your client is using and crucially, which version they have. If it isn't the latest version, they should upgrade and retest because they'll see unpredictable results with older browsers. 

Latest versions today:

latest-browsers-6apr2022.png.fddd76336bb97568adba0428fc7ac94d.png

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted
1 hour ago, paul2009 said:

It all looks fine to me - exactly as it does for you.

I recommend you check which browser your client is using and crucially, which version they have. If it isn't the latest version, they should upgrade and retest because they'll see unpredictable results with older browsers. 

Latest versions today:

latest-browsers-6apr2022.png.fddd76336bb97568adba0428fc7ac94d.png

She is using Safari, but I din't ask about the version...I'll check now. Thanks for this!

Posted

Site URL: https://www.sabinelemke.de

 

Hi there, 

seem like the custom font CSS is not working properly on the latest Safari browser, version 15.4

Since I updated it, some of the headlines get cropped and I can’t figure out why?
How can I make the custom font work everywhere? 

On the attached pics you can see how some headlines are cropped.

Can anyone tell what’s wrong?

thank you 🙏

Bildschirmfoto 2022-04-06 um 17.12.56.png

Bildschirmfoto 2022-04-06 um 17.12.30.png

Posted
7 hours ago, ka_scal said:

Site URL: https://www.sabinelemke.de

 

Hi there, 

seem like the custom font CSS is not working properly on the latest Safari browser, version 15.4

Since I updated it, some of the headlines get cropped and I can’t figure out why?
How can I make the custom font work everywhere? 

On the attached pics you can see how some headlines are cropped.

Can anyone tell what’s wrong?

thank you 🙏

Bildschirmfoto 2022-04-06 um 17.12.56.png

Bildschirmfoto 2022-04-06 um 17.12.30.png

@paul2009 @tuanphan do you know how to make this work on the latest Safari Version 15.4? Thank you

Posted

Hey @ka_scal

I'm not seeing any issues with the site on 15.4 (see below). Perhaps this user has installed something (a privacy tool or ad-blocker?) that is causing the issue?

136956950_Screenshot2022-04-08at20_45_43.thumb.png.97579b25846011d803c0f13a7277852c.png

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 1 year later...
Posted

Site URL: hanshalstead.com/epk

I have an issue with heading fonts utilizing custom CSS, which are being cut off only on a few pages of my site and only on mobile. Sometimes, when refreshing, the entire word loads, but not all at once. See attached images.

 

IMG_7717.PNG

IMG_7718.PNG

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.