2013-02-20 73 views
2

我有一个带有font-face的样式表。当我使用在线服务对css进行缩小时,font-face停止工作。我采取的方法是提取font-face代码,缩小css的其余部分,然后将font-face粘贴在缩小样式表的顶部。好奇的是,如果有人有更好的方法来做到这一点。如何使用font-face缩小CSS

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

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

+5

请发布您的代码+您使用过的服务。 – 2013-02-20 17:52:03

+0

我通常使用标准的HTTP和内联的'data:'''-URIs和''''''''''''''''''''''''''''''''''''''''''''''你有更多的在线服务遇到同样的问题吗? – Simon 2013-02-20 18:10:38

+0

你试过YUI压缩机吗? – zzzzBov 2013-02-20 18:51:36

回答

0

我使用谷歌Chrome浏览器网页速度的插件来缩小我的CSS发现有助于避免这样的问题。它并不像其他一些程序那样将CSS缩小到极限,但我从不碰到浏览器渲染问题。

我目前在它们与@字体面的几个样式表使用这种方法的精缩:

  1. 下载并安装谷歌浏览器,如果你不已经拥有了它。
  2. 安装Page Speed加载项。
  3. 在谷歌浏览器中,运行开发工具并点击“页面速度”标签。然后点击“分析”。您将得到一个总分,以及一系列可以改善您的分数的事情。
  4. 列表中的项目之一是“Minify CSS”。单击它。在“对此页面的建议”下面是“查看优化内容”的链接。请按照此步骤获取由Google提供的缩小版CSS。

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