Question

当我的现场负荷时,在浏览器显示用字面直立的文字之前,先冻结了几秒钟(斜体的文字立即显示)。

I ve been getting complaints from users that experience a freeze of up to 10 seconds.

我可以做些什么?

下面是我如何插入字面:

@font-face{
    font-family: GillSans ;
    src:url( ../fonts/GIL_____.eot );
    src:url( ../fonts/GIL_____.eot?#iefix ) format( embedded-opentype ),
        url( ../fonts/GIL_____.woff ) format( woff ),
        url( ../fonts/GIL_____.ttf ) format( truetype ),
        url( ../fonts/GIL_____.svg#GillSans ) format( svg );
}
@font-face{
    font-family: GillSansB ;
    src:url( ../fonts/GILB____.eot );
    src:url( ../fonts/GILB____.eot?#iefix ) format( embedded-opentype ),
        url( ../fonts/GILB____.woff ) format( woff ),
        url( ../fonts/GILB____.ttf ) format( truetype ),
        url( ../fonts/GILB____.svg#GillSansB ) format( svg );
}
@font-face{
    font-family: GillSansBI ;
    src:url( ../fonts/GILBI___.eot );
    src:url( ../fonts/GILBI___.eot?#iefix ) format( embedded-opentype ),
        url( ../fonts/GILBI___.woff ) format( woff ),
        url( ../fonts/GILBI___.ttf ) format( truetype ),
        url( ../fonts/GILBI___.svg#GillSansBI ) format( svg );
}
@font-face{
    font-family: GillSansI ;
    src:url( ../fonts/GILI____.eot );
    src:url( ../fonts/GILI____.eot?#iefix ) format( embedded-opentype ),
        url( ../fonts/GILI____.woff ) format( woff ),
        url( ../fonts/GILI____.ttf ) format( truetype ),
        url( ../fonts/GILI____.svg#GillSansI ) format( svg );
}

Answer 1

T和ach。如果你使用阿帕奇的话,你可以利用“htaccess”混淆。

http://www.stevesouders.com/blog/2009/10/13/font-face-and- Performance/“rel=“nofollow” Steve Sounders

<>附加信息与资源

http://d.apache.org/docs/2.0/mod/mod_expires.html 您可以加入以下规则。

<IfModule mod_expires.c>
  Header set cache-control: public
  ExpiresActive on

  ExpiresByType font/ttf      "access plus 1 month"
  ExpiresByType font/woff     "access plus 1 month"
  ExpiresByType image/svg+xml "access plus 1 month"
</IfModule>

<IfModule mod_deflate.c>
  <FilesMatch ".(ttf|otf|eot|svg)$" >
    SetOutputFilter DEFLATE
  </FilesMatch>
</IfModule>

在将上述内容添加到(htaccess)之后,观察了相关的主角,以核实。

如果你有兴趣学习更多,请查看rel=“nofollow”>和 rel=“nofollow”compression 。

友情链接