Poppins: Number 4 is strange on html

[alexandresebrao]

Describe the bug

Number 4 is behaving strangely on pure html, looking distorced when font-size < 17px

To Reproduce

HTML

<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">

<ul style="font-size:10px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:11px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>

</ul>
<ul style="font-size:12px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:13px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:14px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:15px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:16px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:17px;">
  <li>24 px. A social media style newsfeed that enables 
</ul>
<ul style="font-size:18px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:19px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>
<ul style="font-size:20px;">
  <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li>
</ul>

CSS

p, ul {
  font-family: 'Poppins', sans-serif;
}

Expected behavior

The number four doesn't look small or bigger than 2 but same size

Screenshots

[EbenSorkin]

It's likely that the four is just one unit below the cap height and a small tweak will fix this.

…

-e.

On Fri, Oct 25, 2024 at 9:46 AM Alexandre Krumenauer Sebrao < ***@***.***> wrote: *Describe the bug* Number 4 is behaving strangely on pure html, looking distorced when font-size < 17px *To Reproduce* HTML <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <ul style="font-size:10px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:11px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:12px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:13px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:14px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:15px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:16px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:17px;"> <li>24 px. A social media style newsfeed that enables </ul> <ul style="font-size:18px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:19px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> <ul style="font-size:20px;"> <li>24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;</li> </ul> CSS p, ul { font-family: 'Poppins', sans-serif; } *Expected behavior* The number four doesn't look small or bigger than 2 but same size *Screenshots* image.png (view on web) <https://github.com/user-attachments/assets/e99f64e7-e188-4e68-9129-3420d012e5e3> — Reply to this email directly, view it on GitHub <#8429>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAQUQXO466J26J2EMTHN5C3Z5JDTVAVCNFSM6AAAAABQTKM56OVHI2DSMVQWIX3LMV43ASLTON2WKOZSGYYTIMJVHA4DIOI> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[alexandresebrao]

It's likely that the four is just one unit below the cap height and a small tweak will fix this.

@EbenSorkin

Thanks for the reply, just a question. Can I fix it on my side ( if so, can you suggest the changes I need to do) or need for a colaborator to make that fix?

[EbenSorkin]

I think it needs to be done by the designer or the Google fonts on boarder. I’ll ask.

…

On Mon, Oct 28, 2024 at 12:21 PM Alexandre Krumenauer Sebrao < ***@***.***> wrote: It's likely that the four is just one unit below the cap height and a small tweak will fix this. Thanks for the reply, just a question? Can I fix it on my side or need for a colaborator to make that fix? — Reply to this email directly, view it on GitHub <#8429 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAQUQXI4YIEKK2QLVA22KODZ5ZP6ZAVCNFSM6AAAAABQTKM56OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINBSGA2DMMRWGY> . You are receiving this because you commented.Message ID: ***@***.***>