Cyrillic characters render with too much spacing around them

misskey-dev / misskey

🌎 An interplanetary microblogging platform 🚀

https://misskey-hub.net/

GNU Affero General Public License v3.0

9.82k stars 1.32k forks source link

Cyrillic characters render with too much spacing around them #13368

Open grishka opened 6 months ago

grishka commented 6 months ago

💡 Summary

The font used in the web app does a very poor job of rendering Cyrillic characters.

🥰 Expected Behavior

It should render them with correct spacing.

🤬 Actual Behavior

See on the screenshot and notice how the few untranslated English strings have correct spacing:

2024-02-17 16 57 50 misskey io Настройки _ Misskey io

📝 Steps to Reproduce

Set the UI language to Russian or open a post written in Russian or other language that uses the Cyrillic alphabet.

💻 Frontend Environment

* Model and OS of the device(s): macOS 13.6.4
* Browser: Vivaldi 6.5.3206.63 (Stable channel) (arm64) 
* Server URL: misskey.io
* Misskey: 2024.2.0-io.2a

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

Do you want to address this bug yourself?

[ ] Yes, I will patch the bug myself and send a pull request

tamaina commented 6 months ago

Mystery of Japanese font: Why Cyrillic characters are full-width?

KisaragiEffective commented 6 months ago

one of the reason would be https://www.unicode.org/reports/tr11/ said that those character have ambiguous width.

grishka commented 6 months ago

They are supposed to be proportional just like Latin 🤔

morotesovtannu commented 6 months ago

Fonts developed by Japanese companies such as BIZ UD Gothic tend to use full-width Cyrillic characters. There are Japanese fonts such as M plus that display Cyrillic characters in half-width.

grishka commented 6 months ago

For reference of how a Cyrillic font ideally should look, macOS settings in Russian: Снимок экрана 2024-02-17 в 17 15 10

tamaina commented 6 months ago

@syuilo

zyoshoka commented 6 months ago

Related to #10192

morotesovtannu commented 6 months ago

Improvements have been made to make the preferred font a European font (Segoe UI, Helveticaneue). If this looks good, send PR. However, I do not own a Mac environment, so I have only been able to check this on Windows. The same thing happened on Windows, but it remains to be seen whether it will improve on the Mac. https://github.com/ganngi-mari/misskey-ofcl/commit/743224559a88e5b8d6689cc4b940e228f3691b51 2024-02-18 03 14 30 msktest-stable1 miskanova uk 4a5c18a1e8f8

grishka commented 4 months ago

Sorry for going off-topic but I saw this exact incorrectly spaced font on a restaurant window today and it reminded me of Misskey 🙃

PXL_20240430_144201270 — крупный размер