在制作动画时保持文本流畅

Question

我正在使用 Greensock library 为一些文本设置动画。一切正常，只是在动画进行时角色变得非常像素化。此效果会在补间完成后消失。

我正在尝试找到一种方法来使文本始终保持流畅，但无法使任何工作正常进行。我尝试了来自不同来源的一系列建议 - 使用 transform3d、设置字体平滑、添加微小阴影但没有成功。

我设置了一个 jsfiddle 来表达我的意思。如果有人可以提出修复建议，你会让我（和我的经理）非常高兴:)

提前感谢互联网。

PS - 我不知道这是否有任何区别，但在我的实际项目中我使用的是 Google 网络字体而不是系统字体。

Answer 1

您应该使用字体大小而不是大小：

TweenLite.to("#txt", 3, {"font-size": "2em", transformOrigin:"50% 50%"});

jsfiddle