如何使用font-face縮小CSS

Question

我有一個帶有font-face的樣式表。當我使用在線服務對css進行縮小時，font-face停止工作。我採取的方法是提取font-face代碼，縮小css的其餘部分，然後將font-face粘貼在縮小樣式表的頂部。好奇的是，如果有人有更好的方法來做到這一點。

這裏是我的代碼：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

我使用谷歌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/

Answer 3

minifybeautify.com應該做的工作......這是即時的，簡單！