0

这个问题对某些人来说可能看起来很愚蠢，但我对我的客户提供的字体和相同的动画有疑问。

字体总计 1.55mb，包括所有格式。

现在的问题是，我正在使用 jquery animate 并且还使用了 complete: 函数，以便页面中的所有元素一个接一个地进行动画处理。

文本使用客户端发送的自定义字体。

代码是这样的：

.... complete: function () {
            $s('#right-inner-content').animate({        right: "0px",
                top: "22px"
            }, {
                duration: 1000,
                specialEasing: {
                    left: ''
                },
                complete: function () {
                    $s('#circle1').animate({
                        bottom: "170px",
                        left: "0"
                    }, {.....

由于使用的字体，动画没有按需要运行，一旦我更改为“arial”等网络字体......然后动画表现流畅而不需要加载时间......

是否有任何选项可以解决此问题，因为客户希望使用具有相同动画效果的自定义字体。

任何帮助，将不胜感激。

问候。

4

1 回答 1

0

您的服务器上的字体正确吗？您是否使用 CSS @font-face 来定义元素的文本属性？http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp （我知道这不是最好的资源，但在这里很容易定义。）

如果您的样式标签在您的脚本标签之前，我相信应该没有问题。但也许是因为字体文件太大，你应该给它时间加载：

     window.setTimeout(customAnimation,100);

谷歌浏览器的 Inspect Element -> Network 应该让您很好地了解文件需要多长时间才能完全执行此操作。

我还发现了这个： http: //paulirish.com/2009/fighting-the-font-face-fout/它指的是不同的问题，但应该有相同的结果。

注意 .ttf 仅适用于某些浏览器。例如。早期的 IE 使用 .eto。此外，由于字体非常不稳定，如果您只需要几个字符的字体，最好只使用图像。

于 2012-09-22T05:49:51.857 回答