Website font doesn’t support Cyrillic italics

UniversalDependencies / docs

Universal Dependencies online documentation

http://universaldependencies.org/

Apache License 2.0

269 stars 245 forks source link

Website font doesn’t support Cyrillic italics #585

Closed msklvsk closed 4 years ago

msklvsk commented 5 years ago

[update] Upstream bug: https://github.com/adobe-fonts/source-sans-pro/issues/87.

The website font, Source Sans Pro, is actually missing italic glyphs for Cyrillic.

As seen on Google Fonts:

(To be fair, it has an л.)

Google Chrome fallbacks in the docs to Arial:

While Safari has gaps!

dan-zeman commented 5 years ago

Oh dear. This issue would ideally be for @spyysalo but I am not sure that he is reachable at present.

fginter commented 5 years ago

I can also give it a stab, but am at EMNLP now, and don't have a computer with me so it will take till next week.

fginter commented 5 years ago

If you can propose a substitute font that would be great. I don't have Safari so it's hard to test.

fginter commented 5 years ago

https://github.com/UniversalDependencies/docs/blob/pages-source/css/style.css

this is the place but I don't dare mess with it right now because I cannot test

dan-zeman commented 5 years ago

Agreed that the best thing is to test (also) in Safari but in fact the first problem is that the current font lacks the Cyrillic italic glyphs. So e.g. in Chrome/Windows, you can see the letters but they are visually different from the Latin ones, so it is obvious that a substitution is needed.

fginter commented 5 years ago

sure thing. but messing with the font settings from my mobile phone is a recipe for disaster, so I fix this one I am at a computer. If anyone wants to recommend a new font, now is the time. How about comic sans? 😁

dseddah commented 5 years ago

you're kidding but Comic Sans is one of the best fonts for dyslexic people. (really, apparently it's super readable)

bulbulistan commented 5 years ago

Roboto or Montserrat would be my first choice.

msklvsk commented 5 years ago

Top 5 popular Google fonts, rendered in Chrome on a retina Mac

Click to expand

# Open Sans

# Roboto

# Montserrat

# PT Sans

# Noto Sans

dan-zeman commented 5 years ago

Noto Sans seems to have a problem with rendering the back apostrophes around nsubj (looks like a grave accent above n).

dan-zeman commented 5 years ago

@msklvsk could you please check whether these fonts also have italic glyphs for Greek and Armenian? (I just added examples of both to the Style Guidelines.)

msklvsk commented 5 years ago

Actually, none of them have Armenian at all. If we choose to switch to any of those, Armenian will remain as it currently is for your platform. Only two of them have Greek. Noto Sans is disqualified.

Click to expand

### Open Sans

### Roboto

### Montserrat

### PT Sans

dan-zeman commented 5 years ago

Ok, out of this selection, OpenSans seems to have better coverage than the rest, although it misses italics+bold.

msklvsk commented 5 years ago

For my last screenshots, I just took first 4 faces. All the fonts have bold italics, see Which in the previous comparison.

fginter commented 5 years ago

Better now? Note: you may need to hard-reload to get rid of cached css.

msklvsk commented 5 years ago

It must be personal, but Open Sans puts some strain on my eyes. Even dorky Roboto is a smoother read. I wonder if anyone feels the same. If you don’t mind platform differences, you can also use respective system fonts like GitHub does.