在Google中使用CSS和JQuery格式的字体

Question

我的客户今天通知我一个奇怪的问题，只影响谷歌Chrome网站。供参考的网站是www.circom.co.uk。此问题与页面顶部的动画图像横幅中显示的文本有关。

当使用Chrome以外的浏览器查看站点时，站点显示得非常完美。下面是Internet 11网站的截图：

​

然而，我已经在Windows 8.1上的Google Chrome上尝试了这个站点，它是这样显示站点的：

​

我一直想在我的Debian 7安装上更新Google，但是我没有得到它。然而，Debian上的Chrome版本完美地显示了页面，非常像IE11图像。Debian上的Chrome版本为36.0.1985.125，站点被破坏的Chrome版本为37.0.2062.120米。

我相信这是Chrome的一个bug，我也报告过。不过，如果谷歌认为这是一个功能，我能做些什么来修复Chrome中的文本呢？

编辑：

下面是执行动画的JavaScript：

    <script>
        $(document).ready(function(){
            $('#home_banners').each(function() {
            $(this).cycle({
                fx:     'fade',
                speed:  700,
                timeout: 6000,
                after: onAfter,
                before: onBefore
              });
            });

            function onAfter(curr, next, opts, fwd) {
            $('.green-box').delay(300).animate({ left: 0 }, { duration: 300});
            $('.caption').delay(300).animate({ right: 0 }, { duration: 300});
            $('.caption h2').delay(500).animate({ right: '80px' }, { duration: 300});
            }

            function onBefore(curr, next, opts, fwd) {                  
            $('.green-box').animate({ left: '-873px'}, { duration: 500});
            $('.caption').animate({ right: '873px'}, { duration: 500});        
            $('.caption h2').animate({ right: '875px'}, { duration: 500});
            }
                  });
</script>

这个库可以在这里找到：在这里输入链接描述

Answer 1

不得不注意到你的截图中的网址。

这似乎是在将这一行CSS应用于滑块元素的标记时发生的：

.green-box .caption-wrapper .caption h2 {
position: absolute;
}

删除它将修复问题，但随后您需要重新评估您如何定位该文本。