Page MenuHomePhabricator

Diacritics on letters horizontally shifted in Windows/Chrome browsers in article names and section headings
Open, Needs TriagePublicBUG REPORT

Assigned To
None
Authored By
kruusamagi
Jan 18 2020, 9:44 AM
Referenced Files
F31518896: image.png
Jan 21 2020, 5:24 AM
F31518891: image.png
Jan 21 2020, 5:24 AM
F31518889: image.png
Jan 21 2020, 5:24 AM
F31518893: image.png
Jan 21 2020, 5:24 AM
F31518288: Screenshot 2020-01-20 17.51.05.png
Jan 20 2020, 4:05 PM
F31518289: Screenshot 2020-01-20 17.53.37.png
Jan 20 2020, 4:05 PM
F31518287: Screenshot 2020-01-20 18.01.21.png
Jan 20 2020, 4:05 PM
F31517354: RjYqElEP7SA.jpg
Jan 19 2020, 5:31 PM

Description

In komi wiki (and in other wikis as well) there is a problem with ӧ-letter in article names and in section headings: the diaeresis part moves to a totally wrong location.

Examples on how that looks like in Wikipedia article names:

How that letter should actually look like: https://en.wikipedia.org/wiki/O_with_diaeresis_(Cyrillic)

When I copy that letter to the Estonian Wikipedia article name the same issue appears. So this is indeed general and affects all Wikimedia wikis.

Note: there is no problem when that letter is in the article text. Only the article names and section headlines seem to be affected.

Event Timeline

Aklapper changed the task status from Open to Stalled.Jan 18 2020, 7:18 PM

Please attach a screenshot of the problem, plus web browser name, web browser version, and operating system.

Screenshot 2020-01-18 22.10.35.png (402×747 px, 63 KB)

My sys: Chrome [79.0.3945.117]; Win 10; image above

Komi who reported that the problem was using "Yandex © 2012—2020, ООО «ЯНДЕКС» (ver 19.12.4.25)". Win 8. He sees exactly the same as me.

I have now asked what others see and have so far gotten that in one case everything is perfectly normal and in one case it is kind of normal (the letter is fine, but seems to be clearly from a different font).

Thanks. I don't see this problem on MacOS. This may be a problem with Windows. Does this happen in all browsers on Windows—Firefox, Internet Explorer, Edge? Does this work better on other websites?

I see it with the slightly odd font (but certainly not as broken as above) on Chrome (also 79.0.3945.117) on Ubuntu, FWIW. So that does suggest the full breakage above is exclusively a Windows issue:

komi_screenshot.jpg (472×853 px, 31 KB)

Screenshot 2020-01-18 22.40.44.png (434×596 px, 65 KB)

The result with Edge in my computer.

RjYqElEP7SA.jpg (256×569 px, 46 KB)

That was sent to me from Udmurt Wikipedia.

That person was using Chrome and having the same problem. And one other Udmurt also showed that she has this problem in here computer (at least with using Chrome).

Aklapper renamed this task from ӧ-letter shown wrong in article names and in section headings to ӧ-letter shown in incorrect font on Chrome in in cyrillic article names and section headings.Jan 20 2020, 8:48 AM
Aklapper renamed this task from ӧ-letter shown in incorrect font on Chrome in in cyrillic article names and section headings to ӧ-letter shown in incorrect font on Chrome in cyrillic article names and section headings.
Aklapper changed the task status from Stalled to Open.
Amire80 renamed this task from ӧ-letter shown in incorrect font on Chrome in cyrillic article names and section headings to Cyrillic letter ӧ is shown incorrectly in browsers on Windows in article names and section headings in Komi and Udmurt Wikipedias.Jan 20 2020, 10:31 AM

Just for it to be clear: Udmurt and Komi (and probably some other languages as well) use this letter. But if I copy it to Estonian Wikipedia [use it there], then it gives me the same messed up result. I.e. it doesn't depend on what Wikipedia version it is. In some computers it doesn't show the letter right.

Just for it to be clear: Udmurt and Komi (and probably some other languages as well) use this letter. But if I copy it to Estonian Wikipedia [use it there], then it gives me the same messed up result. I.e. it doesn't depend on what Wikipedia version it is. In some computers it doesn't show the letter right.

Yes, I understand. Udmurt and Komi are simply the most affected languages because they frequently have it in page titles.

What I'm wondering about is whether this can be resolved by tweaking the styles in MediaWiki core or in particular wikis, or whether this just has to be fixed by Microsoft. How well does it work on other websites in the same languages?

Komi told me that on the other sites it works fine for him all the time (just not in Wikipedia). I personally don't know that many about those sites, but on my computer, I also didn't witness any problems with those few I visited. And Udmurt told that in here computer at home everything worked fine (she is currently in Estonia and using a local computer).

I was now looking at the random articles in Udmurt Wikipedia and came across the following:

Screenshot 2020-01-20 17.53.37.png (391×696 px, 55 KB)

Screenshot 2020-01-20 17.51.05.png (419×746 px, 86 KB)

Screenshot 2020-01-20 18.01.21.png (444×789 px, 58 KB)

All affected letters seem to be: Ӝ ӝ Ӧ ӧ Ӵ ӵ Ӥ ӥ Ӟ ӟ

matmarex subscribed.

I can reproduce the problem (testing on https://kv.wikipedia.org/wiki/Глӧт).

After some testing, it seems that Chrome is the only browser that has problems with this (along with other Blink-based browsers). The page renders correctly on Firefox, Internet Explorer, and Edge (although it might stop rendering correctly once the new Blink-based Edge rolls out).

FirefoxEdgeInternet Explorer 11Opera (like Chrome, Blink-based)
image.png (2×3 px, 646 KB)
image.png (2×3 px, 650 KB)
image.png (2×3 px, 517 KB)
image.png (2×3 px, 637 KB)

The problematic character is "ӧ" U+04E7 "CYRILLIC SMALL LETTER O WITH DIAERESIS". Apparently this character is missing in the Georgia font, which we use for headings (according to http://www.fileformat.info/info/unicode/font/georgia/missing.htm).

I'm guessing that it is being rendered using a generic combining diaeresis, and that this works incorrectly for Georgia in Chromium. (And apparently on Ubuntu, the missing character is instead just replaced by a character from a different font, resulting in the screenshot on T243119#5814877.)

I found the relevant upstream issue: https://bugs.chromium.org/p/chromium/issues/detail?id=673095 (filed by our own @Amire80 :) …in December 2016).

I found the relevant upstream issue: https://bugs.chromium.org/p/chromium/issues/detail?id=673095 (filed by our own @Amire80 :) …in December 2016).

Oh, thanks, I had a vague recollection of doing something like this :)

... Maybe, as a workaround until this is properly fixed in Blink, these wikis can define a font other than Georgia for their heading in Common.css?

So far I have identified that:

Problematic letters: Ӝ ӝ Ӧ ӧ Ӵ ӵ Ӥ ӥ Ӟ ӟ
Are affecting wikis: kv, koi, udm

Problematic letters: Ӓ ӓ Ӧ ӧ Ӱ ӱ Ӹ ӹ
Are affecting wikis: mrj, mhr

There might be some more, but outside Incubator I didn't notice any.

Aklapper renamed this task from Cyrillic letter ӧ is shown incorrectly in browsers on Windows in article names and section headings in Komi and Udmurt Wikipedias to Diacritics on letters horizontally shifted in Windows/Chrome browsers in article names and section headings.Jul 10 2023, 11:49 AM
Aklapper added subscribers: Iniquity, MBH, XanonymusX and 3 others.

We have now finally added another font before Georgia on dewiki via vector.css (and vector-2022.css), in order to get rid of broken headings. Maybe this problem should be taken into account also for the upcoming typographical changes in Vector 2022 (@ovasileva)?

Also, I would like to point out that Vietnamese is another language heavily affected by this bug (which is why viwiki doesn't use Georgia at all).