如何使用font-face压缩CSS

Question

我有一份包含字体样式的样式表，但当我使用在线服务对 CSS 进行压缩时，字体样式就无法正常运作。我的处理方式是提取字体样式代码、压缩其余的 CSS，再将字体样式放在压缩后样式表的顶部。不知道是否有更好的处理方法？

我使用了这个服务来压缩我的代码：http://www.minifycss.com/css-compressor/。

- flinx777

---

请发布您的代码和您所使用的服务。 - Arnold Daniels

我经常使用Sass压缩font-face规则，同时使用标准HTTP和内联的data:-URI，我从未遇到过这种问题。你是否在多个在线服务中遇到了同样的问题？ - Simon

你尝试过YUI压缩器吗？ - zzzzBov

Answer 1

如果你用来压缩 CSS 的工具无法压缩 CSS，请抛弃它并获取更好的工具。YUI Compressor 是一款既能压缩 CSS 又能压缩 JavaScript 的好工具。

- zzzzBov

Answer 2

我发现使用Google Chrome Page Speed插件来压缩我的CSS有助于避免这样的问题。它不像其他一些程序那样极端地压缩CSS，但我也从未遇到过浏览器渲染问题。

我目前有几个包含@font-face的样式表，使用这种方法进行压缩：

1. 下载并安装Google Chrome（如果您还没有安装）。
2. 安装Page Speed插件。
3. 在Google Chrome中运行开发人员工具，然后单击“Page Speed”选项卡。然后单击“分析”。您将获得一个总体得分和一系列可用于提高得分的操作列表。
4. 列表中的一项是“压缩CSS”。单击它。在“此页面的建议”下是一个链接，指向由Google提供的CSS的压缩版本。

来源：http://gomakethings.com/how-to-trick-out-the-performance-of-your-wordpress-site/

- Chris Ferdinandi

Answer 3

minifybeautify.com应该可以胜任这项工作……它快速而简便！

- Alain Gauthier