2014-07-07 43 views
3

我遇到一個問題:Grunt CSS minify和谷歌字體

我已經建立了一個更好的工作流程,主要是與鮑爾和Grunt。我的問題是,現在,設置了很多工具來縮小,淡化,壓縮等等,我必須導入Google字體

所以基本上,我可以將其包含這樣的:<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700|Vollkorn:400italic,400,700|Montserrat:400,700' rel='stylesheet' type='text/css'>

它導入字體以最快的方式,我想,但遠,它的另一個CSS文件,所以另一個請求到服務器,當我儘量保持儘可能低。

所以我的問題是:有沒有辦法快速導入 Grunt託管項目中的Google字體(使用CSS縮小和壓縮)?

當我說很快,我的意思是:無需下載我的字體作爲一個拉鍊,在我的項目文件夾複製它,輸入@字體面...)

是否有與工作的咕嚕模塊google-font-api什麼的?

任何幫助表示讚賞:)

+1

Vist鏈接並複製粘貼結果? – Steve

+0

那麼,這聽起來很愚蠢,但它可以是一個非常好的解決方案(比我目前的更好):) – enguerranws

+1

爲什麼不下載字體並將其存儲在您的服務器上,就像您的css的其餘部分一樣? –

回答

0

我一直在尋找同類型的工具去除使用bootswatch模板,同時支持離線模式的摩擦。沒有現成的選項,我知道這將自動解析您的css下載遠程託管字體和/或以下導入像谷歌字體網址。但是,https://github.com/cgross/grunt-dom-munger爲您提供了爲項目創建定製解決方案所需的工具。

+0

這可以是一個很好的幫助,謝謝,我必須在這方面努力。 – enguerranws