vercel / geist-font

https://vercel.com/font
SIL Open Font License 1.1
2.13k stars 54 forks source link

Outline Rendering Issues in CSS #108

Closed vinhphm closed 1 month ago

vinhphm commented 1 month ago

Font Name (Geist Sans/Geist Mono):

Description of the Issue: If styled in outlines, some characters do not look clean and have some additional strokes.

Steps to Reproduce:

  1. Type some text
  2. Apply these CSS:
    --un-text-stroke-opacity: 1;
    -webkit-text-stroke-color: rgb(170 170 170 / var(--un-text-stroke-opacity));
    -webkit-text-stroke-width: 1.5px;
    color: transparent;
  3. Check the result:

Expected Behavior: The outline of the characters should be clean with no additional strokes.

Screenshots:

Screenshot 2024-05-26 at 12 13 05 PM

Environment (please complete the following information):

Additional Context: No.