Question

我已经在@ font-face css操作中为我的页面添加了三种字体。浏览页面http://www.oefentherapie-fysiotherapie.nl/index.html会显示该页面，但不会加载字体。刷新页面没有帮助。浏览到另一个页面会渲染字体，使用后退按钮返回原始页面会使页面正确呈现字体。

页面的css是：

@font-face {
    font-family: 'Aller Regular';
    src: url('Aller_Rg.eot'); /* IE9 Compat Modes */
    src: url('Aller_Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Aller_Rg.woff2') format('woff2'), /* Super Modern Browsers */
         url('Aller_Rg.woff') format('woff'), /* Pretty Modern Browsers */
         url('Aller_Rg.ttf') format('truetype');
}
@font-face {
    font-family: 'Aller Bold';
    src: url('Aller_Bd.eot'); /* IE9 Compat Modes */
    src: url('Aller_Bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Aller_Bd.woff2') format('woff2'), /* Super Modern Browsers */
         url('Aller_Bd.woff') format('woff'), /* Pretty Modern Browsers */
         url('Aller_Bd.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Turnpike';
    src: url('/css/Turnpike.eot'); /* IE9 Compat Modes */
    src: url('/css/Turnpike.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/css/Turnpike.woff2') format('woff2'), /* Super Modern Browsers */
         url('/css/Turnpike.woff') format('woff'), /* Pretty Modern Browsers */
         url('/css/Turnpike.ttf') format('truetype');
}

字体是否因为文件太大而无法渲染，所以在页面显示之前没有完全读取？

提前致谢。

@ font-face在第一页访问时不呈现

0 个答案: