如何gzip @ font-face示例？

Question

有人可以提供一个如何gzip webfont工具包的例子吗？发电机为我提供了这个代码...需要改变什么？

@font-face {
    font-family: 'DesigersBold';
    src: url('desib__-webfont.eot');
    src: url('desib__-webfont.eot?#iefix') format('embedded-opentype'),
         url('desib__-webfont.woff') format('woff'),
         url('desib__-webfont.ttf') format('truetype'),
         url('desib__-webfont.svg#DesigersBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 1

您使用的是Apache并且可以访问httpd.conf吗？如果是这样,gzip压缩是否已启用？

你可以寻找这一行:

AddOutputFilterByType DEFLATE

要么

SetOutputFilter DEFLATE

如果它是前者,您应该能够添加以下MIME类型,以便指令和参数如下所示.这里声明的MIME类型是.EOT,.TTF和.SVG.我从Apache conf文件夹中的mime.types文件中提取它们.我相信.WOFF已经被压缩,所以你不需要对它进行压缩.

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf image/svg+xml

后一个指令SetOutputFilter gzips它所声明的容器中的所有文件.如果这个位置包含你的字体文件,它们应该在传送到客户端时被gzip压缩.