badges / badges/shields

Correctly render non-latin alphabets in shield

Open
#6,989 1 comment 0 reactions 0 assignees View on GitHub
bug npm-package
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: ![shields-dev](https://img.shields.io/badge/परवाना-आलोक-blueviolet)

There are unnecessary spaces in this rendering. I can experience something similar with the following scripts.

# Bengali: ![shields-bn](https://img.shields.io/badge/অনুজ্ঞপ্তি-জীপীএল-red)

Source: https://img.shields.io/badge/অনুজ্ঞপ্তি-জীপীএল-red

# Gujarati: ![shields-guj](https://img.shields.io/badge/પરવાનો-જીપીએલ-yellow)

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.