misskey icon indicating copy to clipboard operation
misskey copied to clipboard

Cyrillic characters render with too much spacing around them

Open grishka opened this issue 1 year ago • 9 comments

💡 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

grishka avatar Feb 17 '24 14:02 grishka

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

tamaina avatar Feb 17 '24 14:02 tamaina

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

KisaragiEffective avatar Feb 17 '24 14:02 KisaragiEffective

They are supposed to be proportional just like Latin 🤔

grishka avatar Feb 17 '24 14:02 grishka

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.

morotesovtannu avatar Feb 17 '24 14:02 morotesovtannu

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

grishka avatar Feb 17 '24 14:02 grishka

@syuilo

tamaina avatar Feb 17 '24 14:02 tamaina

Related to #10192

zyoshoka avatar Feb 17 '24 14:02 zyoshoka

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

morotesovtannu avatar Feb 17 '24 20:02 morotesovtannu

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 — крупный размер

grishka avatar Apr 30 '24 19:04 grishka