Noto Sans missing in font-family
Created by: LittleHuba
Problem
The currently specified font-family in scss/_variables.scss results in unreadable pages on some Linux systems. All normal font is exchanged with the according Emojies.
What could be triaged so far
As far as I could see, the problem occurs on Linux systems that have Noto Sans
as standard font and neither Arial
, Roboto
, Segoe UI
or Helvetica Neue
installed.
Thus the browser will use the Noto Color Emoji
font (as specified by bootstrap), but has no fallback font for normal letters. The fallback Noto Sans
is not specified in the font-family. This leads to unicode characters that are not found by the browser and then replaced by the next best fitting unicode char (the according emoji).
How the bug can be fixed
Add Noto Sans
to the font family in the files scss/_variables.scss in front of sans-serif
.
The new font-family would look as follows:
-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
Additional data
- Operating system and version: Arch Linux
- Browser and version: Chrome 70
- Reduced test case: Go to any page with bootstrap that does not override font-family (https://artemis.ase.in.tum.de/#/ for example)
Pull request
I'll shortly provide a pull request with the necessary changes.