google / fonts

Font files available from Google Fonts, and a public issue tracker for all things Google Fonts
https://fonts.google.com
18.22k stars 2.62k forks source link

Poppins: Number 4 is strange on html #8429

Open alexandresebrao opened 1 week ago

alexandresebrao commented 1 week ago

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

EbenSorkin commented 1 week ago

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

  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;
  • 24 px. A social media style newsfeed that enables schools to provide a more interactive way of communicating;

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 https://github.com/google/fonts/issues/8429, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAQUQXO466J26J2EMTHN5C3Z5JDTVAVCNFSM6AAAAABQTKM56OVHI2DSMVQWIX3LMV43ASLTON2WKOZSGYYTIMJVHA4DIOI . You are receiving this because you are subscribed to this thread.Message ID: @.***>

alexandresebrao commented 4 days ago

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 commented 4 days ago

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 https://github.com/google/fonts/issues/8429#issuecomment-2442046266, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAQUQXI4YIEKK2QLVA22KODZ5ZP6ZAVCNFSM6AAAAABQTKM56OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINBSGA2DMMRWGY . You are receiving this because you commented.Message ID: @.***>