Safari 7 get stuck when loading webfont (woff) from cache

Question

I'm experiencing a strange behaviour with Safari 7 on a webpage using web fonts

The use of the webfont is properly specified in the CSS with correct URL pointing to a .woff file hosted in the server that runs the site.

I clear the cache.

I load the home page, everything is fine.

I load a second page, the page doesn't load.

Inspecting the network activity it comes out that Safari has loaded every resource except the webfont;

it is aware the webfont is in cache, doesn't attemp to reload (no request is sent to the server) but is stuck processing that resource (the spinner keeps spinning).

Reloading the (second) page, results in getting the page loaded just fine.

Other browsers behave with no issues.

Is this a bug in Safari or I'm missing something? Is there any workaround?

Here is the 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;
}

Answer 1

I had similar issues in the past. Probably it's a problem related to the Safari installation on your machine. Try with other Safari 7 installation on different machine and see if the problem persists.