github/mona-sans

CSS Text Stroke issues with the Variable Font

jere-co opened this issue · 1 comments

When creating a text stroke using the following CSS:

h1 {
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

The font shows interesting strokes on some of the characters:
Screenshot 2022-12-20 at 16 48 57

The issue is the clearest with the following:
Screenshot 2022-12-20 at 16 52 01
Screenshot 2022-12-20 at 16 50 04
Screenshot 2022-12-20 at 16 50 10
Screenshot 2022-12-20 at 16 50 14
Screenshot 2022-12-20 at 16 50 20
Screenshot 2022-12-20 at 16 50 30

@jere-co I understand that this is frustrating! This is due to how the vector points are placed to optimize for the font's variability, and it's unlikely that this setup will change. I'll close this for now 🙏