为什么Chrome在使用Typed.js时很难渲染表情符号呢？

Question

我使用Typed.js在标题中键入不同的单词。当使用表情符号时，我在MacOS上测试过的每一个浏览器(v71.0.3578)都能很好地工作，在浏览器中，它很难渲染表情符号字符，并在显示正确的表情符号之前闪烁一小部分问号。下面的截图。

​

​

我在一些与反应相关的问题中看到，删除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

我知道这已经晚了几年了，但我遇到了同样的问题，最后通过使用字符串中的十六进制代码来解决它，而不是使用实际的emojis emoji.asp。