Bug: Cyrillic title with icon

baur commented 1 year ago

Have you read the Contributing Guidelines on issues?

[X] I have read the Contributing Guidelines on issues.

Prerequisites

[X] I'm using the latest version of Docusaurus.
[X] I have tried the npm run clear or yarn clear command.
[X] I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
[X] I have tried creating a repro with https://new.docusaurus.io.
[X] I have read the console error message carefully (if applicable).

Description

Cyrillic title with icon

Latin title with icon

Reproducible demo

No response

Steps to reproduce

just type:

## topic

### 1️⃣ Первый
### 2️⃣ Второй
### 3️⃣ Третий

Expected behavior

normal text

Actual behavior

...

Your environment

Docusaurus version used: latest
Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome
Operating system and version (e.g. Ubuntu 20.04.2 LTS): Windows

Self-service

[ ] I'd be willing to fix this bug myself.

Josh-Cena commented 1 year ago

@baur I can't reproduce this.

I suspect it's a font issue.

baur commented 1 year ago

reproduced via docusaurus.new StackBlitz

baur commented 1 year ago

Please copy and paste the next code

## topic

### 2️⃣ Второй
### 1️⃣ First
### 3️⃣ Третий
### 1️⃣ Digit One

Josh-Cena commented 1 year ago

As you can tell from my screenshot, I'm using Mac, and on Mac, emojis always use a uniform font. I suspect there's something going on with Windows fonts, but lacking a Windows machine, I cannot debug this.

baur commented 1 year ago

lacking a Mac, I cannot check too )))

hrumhurum commented 1 year ago

This must be a font issue. I cannot repro it neither on Windows nor on Mac.

Josh-Cena commented 1 year ago

Going to close this because it looks platform-specific. I would encourage you to tweak your CSS and use a different font face or font weight.

facebook / docusaurus