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

Question

По какой-то причине смайлики не отображаются в Chrome выше определенного размера. Этот размер кажется не связанным с font-size или же scale, это просто размер пикселя визуализируемых эмодзи.

Поскольку изображения не являются векторами, я могу понять причину, по которой они не хотят, чтобы они были необычно большими, однако, поскольку это влияет только на Chrome, я не уверен.

Это ошибка Chrome или что-то в стандарте эмодзи, которое определяет максимальный предполагаемый размер?

Вот два примера эмодзи без рендеринга:

• http://jsfiddle.net/e6zysLg7/7/
• http://jsfiddle.net/eyy6moLx/1/

Answer 1

Это ошибка Chrome

Да, это. Смотрите, например, эти:

• отчет об ошибке: https://bugs.chromium.org/p/chromium/issues/detail?id=719648
• отчет об ошибке: https://bugs.chromium.org/p/chromium/issues/detail?id=501071
• тестовая страница: https://tobireif.com/posts/maximum_font_size_for_emoji/

Основываясь на большом количестве тестов, текущий максимальный размер шрифта для смайликов составляет 54 пикселя. Но я не оставлю надежды:)

Обновление октября 2018 года:

Максимальный размер шрифта для смайликов в Mobile Chrome 69 составляет 146 пикселей.

Снимок экрана: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00

Если вы установите его в 147px, эмодзи не будут отображаться должным образом: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2

Некоторая дополнительная информация о других мобильных браузерах: https://tobireif.com/posts/maximum_font_size_for_emoji/

Answer 2

У меня была та же проблема, и я обнаружил, что новый максимальный размер шрифта для emojis на устройствах Android составляет 49 пикселей, а не 54, как сказал Тоби Рейф.

Я думаю, это меняется с каждой новой версией.

Answer 3

Разработчик шрифтов Chrome здесь. Для эмодзи большого размера мы рекомендуем использовать цветной векторный шрифт COLRv1, например, Noto Emoji из Google Fonts . Начиная с Chrome 100 (сравните комментарий к проблеме) они отображаются четко при очень больших размерах шрифта. Начиная с этой версии, вы больше не должны видеть никаких других проблем с масштабированием или исчезновением больших смайликов.