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

Question

我正在使用Typed.js将不同的单词打印到标题中。当使用表情符号时，在除MacOS上的每个浏览器中都可以正常工作（v71.0.3578 Chrome），在该浏览器上它会努力渲染表情符号并在显示正确的表情符号之前闪烁一个问号。如下所示的屏幕截图。

我在一些与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却有些困难。是什么原因呢？

- Gruff Vaughan

---

你解决了吗？我这里也遇到了同样的问题 :/ - Luiz Gonçalves

很抱歉，我不知道。如果你找到了解决方法，请告诉我！ - Gruff Vaughan

Answer 1

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

- ENDO