Почему эмодзи не отображаются в Chrome выше определенного размера?
По какой-то причине смайлики не отображаются в Chrome выше определенного размера. Этот размер кажется не связанным с font-size
или же scale
, это просто размер пикселя визуализируемых эмодзи.
Поскольку изображения не являются векторами, я могу понять причину, по которой они не хотят, чтобы они были необычно большими, однако, поскольку это влияет только на Chrome, я не уверен.
Это ошибка Chrome или что-то в стандарте эмодзи, которое определяет максимальный предполагаемый размер?
Вот два примера эмодзи без рендеринга:
3 ответа
Это ошибка 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/
Разработчик шрифтов Chrome здесь. Для эмодзи большого размера мы рекомендуем использовать цветной векторный шрифт COLRv1, например, Noto Emoji из Google Fonts . Начиная с Chrome 100 (сравните комментарий к проблеме) они отображаются четко при очень больших размерах шрифта. Начиная с этой версии, вы больше не должны видеть никаких других проблем с масштабированием или исчезновением больших смайликов.