Tengo un sitio que se está cargando en algunas fuentes typekit y una fuente de icono incrustada.

Todos parecen cargarse bien en todos los navegadores. Sin embargo, si la ventana del navegador permanece inactiva durante un período de tiempo, desaparecen y las fuentes del sistema se representan en su lugar. El cambio de tamaño del navegador parece solucionar el problema y vuelven a aparecer las fuentes incrustadas.

El problema es muy difícil de recrear, ya que no parece suceder todo el tiempo, pero sucedemucho del tiempo. Hasta ahora solo lo he visto pasar en Chrome.

Otros detalles: El sitio está alojado en Heroku, Rails 4, Turbolinks desactivado.

Fuente incrustada para fuente de icono:

@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
}

Encabezado de typekit

<script type="text/javascript" src="//use.typekit.net/ssu8vyw.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

¿Algunas ideas?