javascript - 为什么 Chrome 在使用 Typed.js 时难以呈现表情符号？

Question

我正在使用 Typed.js在标题中输入不同的词。使用表情符号时，除了 MacOS 上的 Chrome (v71.0.3578) 之外，它在我测试过的所有浏览器中都运行良好，在这些浏览器中，它很难呈现表情符号字符并在显示正确的表情符号之前闪烁问号几分之一秒。屏幕截图如下。

我在一些与 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 却很挣扎。给了什么？

Answer 1

我知道这晚了几年，但我遇到了同样的问题并最终通过使用字符串中的十六进制代码而不是实际的表情符号来解决它 https://www.w3schools.com/charsets/ref_emoji.asp