在Google Chrome中使用CSS和JQuery损坏的字体已损坏

Question

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

使用Chrome以外的浏览器查看网站时，网站会完美显示。以下是使用Internet Explorer 11拍摄的网站的屏幕截图：

但是，我在Windows 8.1上尝试使用Google Chrome上的网站，这就是它显示网站的方式：

我的意思是在我的Debian 7安装上更新Google Chrome，但我还没有完成它。但是，Debian上的Chrome版本完美地显示了页面，很像IE11图像。 Debian上的Chrome版本为36.0.1985.125，该网站的Chrome版本为37.0.2062.120 m。

我认为这是Chrome的一个错误，我已经报告过了。但是，如果Google认为这是一项功能，我该怎么做才能修复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>

可在此处找到该库：enter link description here

Answer 1

不禁注意到屏幕截图中的网站网址。

似乎会出现这一行CSS应用于滑块元素上的标记：

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

删除它可以解决问题，但是您需要重新评估如何定位该文本。