Correctly render non-latin alphabets in shield
- Dominant language
- JavaScript
- Stars
- 27.2k
- Forks
- 5.6k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 46
Description
### Are you experiencing an issue with...
shields.io
### 🐞 Description
I want to use shields in non-Latin scripts.
I tried this link: https://img.shields.io/badge/परवाना-आलोक-blueviolet
This is Devanagari script.
See it's current (2021/09/06) rendering.
# Devanagari: 
There are unnecessary spaces in this rendering. I can experience something similar with the following scripts.
# Bengali: 
Source: https://img.shields.io/badge/অনুজ্ঞপ্তি-জীপীএল-red
# Gujarati: 
Source: https://img.shields.io/badge/પરવાનો-જીપીએલ-yellow
There seems to be something particularly wrong with the Indic script rendering. Kindly look into the matter.
### 🔗 Link to the badge
_No response_
### 💡 Possible Solution
_No response_
Contributor guide
Research direction
Start by reproducing the Devanagari, Bengali, and Gujarati badge URLs from the issue and inspect the generated SVG output. Trace the shield rendering path responsible for text layout, then verify that the Indic examples render without unnecessary spaces while preserving the existing badge appearance.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100