Почему Chrome использует шрифт более низкого порядка для символа глифа UTF-8, если более ранний шрифт уже имеет этот символ?

Question

Я использую Bootstrap 4. Chrome отображает черную стрелку ВВЕРХ (⬆) в виде

В Bootstrap перечислены шрифты по умолчанию как

$font-family-sans-serif:
  // Safari for OS X and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for OS X (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  "Roboto",
  // Basic web fallback
  "Helvetica Neue", Arial, sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

"Segoe UI" (и "Helvetica Neue", Arial, без засечек) отображает черную стрелку вверх (⬆) как

Это «Semoe UI Emoji», которое отображает синюю стрелку в штучной упаковке.Почему Chrome использует этот шрифт, хотя он является вторым из последних в списке font-family, а другие шрифты уже отображают его?

.bs-font {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue", Arial, sans-serif,"Apple Color Emoji";
}
.sui-font {
  font-family: "Segoe UI Emoji";
}

<span class="bs-font">⬆</span><br/>
<span class="sui-font">⬆</span>