带宽度的导入字体问题

Question

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

这是我导入字体的方式，下面是一个示例div：

<div id="info">
by <span id="name">USERNAME</span> on <span id="date">24 Nov 2013</span>
</div>

以下是它最终的表现：

出于某种原因，当重新加载页面时，有时不会发生这种情况。但大多数时候，这种情况发生了。当我使用谷歌字体时也不会发生这种情况。

所以我想知道这里出了什么问题？我认为加载页面资源存在问题（在这种情况下是字体）但是这种情况不应该发生......任何想法？