如何使用 font-face 缩小 CSS

Question

我有一个带有字体的样式表。当我使用在线服务缩小 css 时，字体停止工作。我采用的方法是提取字体代码，缩小 CSS 的其余部分，然后将字体粘贴在缩小的样式表的顶部。好奇是否有人对此有更好的方法。

这是我的代码：http://snipt.org/zfAj5

我使用此服务来缩小我的代码：http://www.minifycss.com/css-compressor/

Answer 1

如果您用于缩小 CSS 的工具无法缩小 CSS，请将其扔掉并获得更好的工具。

YUI Compressor is a good minification tool for both CSS and JavaScript

Answer 2

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

我目前使用这种方法缩小了一些带有@font-face 的样式表：

1. 如果您还没有 Google Chrome，请下载并安装它。
2. 安装 Page Speed 插件。
3. 在 Google Chrome 中，运行开发者工具并单击“页面速度”选项卡。然后点击“分析”。你会得到一个总分，以及你可以做些什么来提高你的分数。
4. 列表中的一项将是“缩小 CSS”。点击它。在“此页面的建议”下是“查看优化内容”的链接。按照该步骤获取由 Google 提供的 CSS 的缩小版本。

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

Answer 3

minifybeautify.com 应该可以完成这项工作......它是即时且简单的！