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

时间:2019-01-30 20:39:33

标签: javascript google-chrome emoji typed.js

我正在使用Typed.js在标题中键入不同的单词。使用表情符号时,它在我测试过的所有浏览器(MacOS上的Chrome)(v71.0.3578)上均能很好地工作,在显示正确的表情符号之前,它难以呈现表情符号字符并闪烁问号几分之一秒。下面的屏幕截图。

Screenshot of issue

我在一些与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一直在挣扎。有什么作用?

0 个答案:

没有答案