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