Я использую Typed.js , чтобы вводить разные слова в заголовок.При использовании emojis он отлично работает в любом браузере, который я тестировал, кроме Chrome на MacOS (v71.0.3578), где он пытается отобразить символ emoji и мерцает вопросительный знак в течение доли секунды перед отображением правильных эмодзи.Снимок экрана ниже.
Я видел в нескольких связанных с React вопросах, что удаление font-weight:bold
устраняет некоторые проблемы с рендерингом эмодзи, но не в этом случае.
Мои настройки настроены следующим образом: символы смайликов вводятся непосредственно в код:
var options = {
strings: ["First word.", "???.", "Second word."],
typeSpeed: 80,
startDelay: 1000,
backDelay: 1000,
backSpeed: 40,
onComplete: function() {
setTimeout( function() {
jQuery('.typed-cursor').hide();
}, 1000);
}
}
Прекрасно работает в Safari, iOS и даже IE11, но Chrome испытывает трудности.Что дает?