Большие смайлики отключены в браузерах Chrome и Mobile. - PullRequest
Новая
       18

Большие смайлики отключены в браузерах Chrome и Mobile.

0 голосов
/ 14 сентября 2018

Я пытаюсь отобразить несколько больших смайликов с юникодом в HTML или CSS.
Однако в Chrome нижняя часть некоторых смайликов обрезана, а другие отображаются просто отлично.
Это тоже не моглоt рендеринг в мобильном Firefox на Android.

Пример работающего смайлика: ☀

Пример нерабочего смайлика: ? 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <style>
    body {
      margin: 0;
      background-color: #fff;
    }
    p {
      font-size: 20em;
      margin: 0;
    }
  </style>
</head>
<body>
  <p>&#x1F31D;</p>
  <p>&#x2600;</p>
</body>
</html>

пример минимального кода ручки:
Спасибо.

1 Ответ

0 голосов
/ 14 сентября 2018

Обнаружена ошибка в трекере ошибок Chromium - Цветные глифы имеют ограничение 256pt

Мы кэшируем «правильную» версию цветных глифов (как мы делаем для альфы маски), но в обоих случаях у нас есть ограничение на размер кэша (т.е. 256pt).

В случае нецветных глифов мы прибегаем к рисованию как путь для большие размеры. У нас нет такого запасного варианта для цветных глифов: (

В моей системе Windows 10 Chrome версии 69.0.3497.92 (официальная сборка) (64-разрядная версия) с разрешением font-size из 216 пикселей, значок с цветными разрывами.

Похожие проблемы: https://bugs.chromium.org/p/chromium/issues/detail?id=625191

Аналогичная проблема SO: Почему эмодзи не рендерится выше определенного размера в Chrome?

...