Skip to content

Noto Sans missing in font-family #27595

Closed

Description

@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.

Activity

  1. added
    cssSass sources or compiled CSS
    v4v4, the frozen docs on gh-pages
    has-prAn open pull request addresses it
    on Nov 4, 2018
  2. MartijnCuppens commented on Nov 4, 2018

    @MartijnCuppens
    Member

    Kudos for this wonderful issue description ❤️

  3. added a commit that references this issue on Nov 5, 2018
    aa09899
  4. added a commit that references this issue on Nov 28, 2018
    02609df
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    cssSass sources or compiled CSShas-prAn open pull request addresses itv4v4, the frozen docs on gh-pages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions