Typography refresh/Non-Latin scripts

From MediaWiki.org
Jump to: navigation, search

Testing with non Latin Scripts is being recorded here

Look for issues with glyphs, ligatures, diacritics, RTL, any strange rendering issues with whitespace

Linux on Linux the new fonts are definitely worse than the old ones. I'm used to crisp DejaVu Sans rendering with good unicode coverage, which is more readable despite being at a smaller font size. The new font is quite blurry and looks old-style, very close to Helvetica in Netscape 4.7

Urdu Photos captions need to be smaller. Right now the font size is too close to body copy size. More padding around photos too. https://ur.wikipedia.org/wiki/%D9%84%D8%A7%DB%81%D9%88%D8%B1

Hindi/ Marathi - Type size & Leading increase for Body Copy. Top Right Persistent Nav is way too small to read.https://hi.wikipedia.org/wiki/%E0%A4%97%E0%A5%8D%E0%A4%B0%E0%A5%88%E0%A4%AE%E0%A5%80_%E0%A4%AA%E0%A5%81%E0%A4%B0%E0%A4%B8%E0%A5%8D%E0%A4%95%E0%A4%BE%E0%A4%B0

Line height and font size for headings on hindi wikipedia main page increases, making it much larger (caused due to the margin-top: 16pt and margin-bottom: 4pt for h2 elements). See w:hi:मुखपृष्ठ.

Mandarin https://zh.wikipedia.org/wiki/%E5%A5%A5%E5%B7%B4%E9%A9%AC Traditional characters are illegible. Set absolutely min at 14px / 1.2em to be legible

Bahasa Melayu https://www.dropbox.com/s/nit16yxts0puu79/Screenshot%202014-02-06%2017.18.35.png - leading could be increased, but could be solved with increasing type size to at least 16pt

Bahasa Indonesia https://www.dropbox.com/s/338158snd1i8t63/Screenshot%202014-02-06%2017.19.03.png - Looks good at 16pt

Korean - margin between text and images/infoboxes is too small https://ko.wikipedia.org/wiki/%EB%AC%B4%EB%9D%BC%EC%95%BC%EB%A7%88_%EB%AF%B8%EB%85%B8%EB%A3%A8

Navajo - everything https://nv.wikipedia.org/wiki/%C3%81k%C3%A1%CA%BC%C3%A1t%CA%BC%C4%AF%C4%AF%C5%82_(b%C3%A9%C3%A9sh_nts%C3%A9kees%C3%ADg%C3%AD%C3%AD_%C3%A1l%CA%BC%C3%ADn%C3%AD). They are already overriding their body font locally.

Russian on articles that have geo-coordinates (e.g., https://ru.wikipedia.org/wiki/%D0%A0%D0%B8%D0%BC ), the coords run into the "From Wikipedia, the free encyclopedia" tagline and cause a big ugly jumble

Georgian https://ka.wikipedia.org/wiki/%E1%83%98%E1%83%9C%E1%83%92%E1%83%9A%E1%83%98%E1%83%A1%E1%83%A3%E1%83%A0%E1%83%98_%E1%83%94%E1%83%9C%E1%83%90

Inuit - lineheight maybe too small https://iu.wikipedia.org/wiki/%E1%90%8A%E1%95%95%E1%99%B5%E1%96%85

Japanese https://ja.wikipedia.org/wiki/%E8%B5%A4%E7%A9%82%E6%B5%AA%E5%A3%AB

Chinese - smallest font size is 11px, making characters unreadable https://zh-yue.wikipedia.org/wiki/%E8%8F%B2%E8%87%98%E8%A5%BF%E6%91%A9%E8%8D%B7%E5%A4%AB%E6%9B%BC

In general, glyphs and ligatures are very difficult to examine due to the small type size.

Polish (or any Latin-based alphabet):

  • Heading font on Linux is still DejaVu Serif which is ugly (but I guess this will change after next typography deployment).
  • Navigation links (personal bar, left nav) are slightly smaller with the typography update in Firefox on Linux which kind of annoys me. Interestingly, they get slightly bigger in Chrome (both browsers use Nimbus Sans L).
  • I'm not convinced about changing the color of text from #000 to #252525. What's the point of reducing the constrast? It just makes me feel like if my glasses were foggy...
  • plwiki main page has an ugly two-column layout that looks kind of squeezed with the typography update (not horrible though): https://pl.wikipedia.org/wiki/Wikipedia:Strona_g%C5%82%C3%B3wna same with Ukrainian :-/
  • There are still borders around some images: https://pl.wikipedia.org/wiki/Zimowe_Igrzyska_Olimpijskie_2014#Obiekty_olimpijskie

Ukrainian Looks good to me. One slightly funny thing about using serifs in headers in Ukrainian or Russian is that the "old-school book typeface" look really jumps out a lot more at me than it does in English – but I think only nerds like me who've spent hours of their lives reading old Slavic library books will notice ;)