从缓存加载webfont(woff)时,Safari 7卡住了

时间:2014-04-23 10:01:20

标签: css caching safari webfonts

我在使用网络字体的网页上遇到Safari 7的奇怪行为

在CSS中正确指定了webfont的使用,其中正确的URL指向运行该站点的服务器中托管的.woff文件。

我清除了缓存。

我加载主页,一切都很好。

我加载第二页,页面无法加载。

检查网络活动,Safari已加载除webfont之外的所有资源;

它知道webfont在缓存中,不会尝试重新加载(没有请求发送到服务器)但是处理该资源(旋转器一直在旋转)。

重新加载(第二个)页面,导致页面加载正常。

其他浏览器没有问题。

这是Safari中的错误还是我遗漏了什么?有没有解决方法?

这是CSS:

@font-face {
    font-family: 'myfont';
    src: url( '../font/my-font-webfont.eot' );
    src: url( '../font/my-font-webfont.eot?#iefix' ) format( 'embedded-opentype' ),
         url( '../font/my-font-webfont.woff' )       format( 'woff' ),
         url( '../font/my-font-webfont.ttf' )        format( 'truetype' ),
         url( '../font/my-font-webfont.svg#myfont' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}

1 个答案:

答案 0 :(得分:1)

过去我遇到过类似的问题。可能这是与您机器上的Safari安装相关的问题。尝试在其他计算机上安装其他Safari 7,并查看问题是否仍然存在。