Scale Text feature rattles and shakes on Mobile Display

Site URL: https://www.peekaboothla.com/

Hey,

I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this?

Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4).

Thanks!

@font-face {

    font-family: 'LemonMilkBold';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf');

  }

@font-face {

    font-family: 'LemonMilkMed';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf');

  }

@font-face {

    font-family: 'LemonMilkReg';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf');

  }

@font-face {

    font-family: 'LemonMilkLight';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf');

  }

h1 {font-family: 'LemonMilkBold';}
h3, h4 {font-family: 'LemonMilkReg';}
p1, p2, p3, p4 {font-family: 'LemonMilkLight';}

29 minutes ago, PeekABoothLA said:

Site URL: https://www.peekaboothla.com/

Hey,

I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this?

Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4).

Thanks!

@font-face {

    font-family: 'LemonMilkBold';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf');

  }

@font-face {

    font-family: 'LemonMilkMed';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf');

  }

@font-face {

    font-family: 'LemonMilkReg';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf');

  }

@font-face {

    font-family: 'LemonMilkLight';

       src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf');

  }

h1 {font-family: 'LemonMilkBold';}
h3, h4 {font-family: 'LemonMilkReg';}
p1, p2, p3, p4 {font-family: 'LemonMilkLight';}

 

In Html, we only have p tag, not, p1,p2,p3,p4. Can you take some screenshots of the texts that need to be fixed?

14 hours ago, bangank36 said:

In Html, we only have p tag, not, p1,p2,p3,p4. Can you take some screenshots of the texts that need to be fixed?

So I can set 1 font for P?

Below is a video of what im experiencing. This is on a Pro max 13.

p1 p2 p3 has class name

p1: p.sqsrte-small

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

p3: p.sqsrte-large

21 hours ago, tuanphan said:

p1 p2 p3 has class name

p1: p.sqsrte-small

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

p3: p.sqsrte-large

little confused here lol