Inconsistent Emoji when sans-serif is Noto Sans CJK/Source Han Sans
Created by: Small-Ku
Bug report:
- Operating system and version: All system in concept, especially Linux distros that with Chinese support
- Browser and version: All browsers that can set font for sans-serif
- Reduced test case: https://jsbin.com/gobared/
Steps:
- Set browser default sans-serif to Noto Sans CJK/Source Han Sans, which is commonly used as Chinese/Japanese/Korean font in Linux distros.
- Open a site with Emoji that built with Bootstrap
Suggested fix: Put Emoji fonts in front of text fonts like
$font-family-sans-serif:
// Safari for OS X and iOS (San Francisco)
-apple-system,
// Chrome < 56 for OS X (San Francisco)
BlinkMacSystemFont,
// Emoji fonts
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",
// Windows
"Segoe UI",
// Android
"Roboto",
// Basic web fallback
"Helvetica Neue", Arial, "Noto Sans"
, sans-serif !default;
