Grunt CSS压缩和Google字体

Question

Grunt CSS压缩和Google字体

3

我遇到了一个问题：

我设置了更好的工作流，主要使用Bower和Grunt。我的问题是，现在，在设置了很多工具来压缩、验证、压缩等之后，我必须导入谷歌字体。

所以基本上，我可以像这样包含它：

<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压缩和压缩）？

当我说快速时，我的意思是：不下载我的字体作为zip文件，将其复制到我的项目文件夹中，键入@font-face...

是否有一个Grunt模块与google-font-api或其他东西一起工作？

任何帮助都会感激 :)

- enguerranws

1

访问链接并复制粘贴结果。 - Steve

这听起来很蠢，但它可能是一个非常好的解决方案（比我目前拥有的更好） :) - enguerranws

1

为什么不像其他CSS一样下载字体并将其存储在您的服务器上呢？ - Kevin B

说下载文件也可以使用grunt自动化。 - Kevin B

那可能很酷。怎么做呢？现有的模块？ - enguerranws

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Lance Caraccioli · Answer 1

我一直在寻找同类型的工具，以消除使用bootswatch模板时支持离线模式的摩擦。据我所知，没有现成的选项可以自动解析您的CSS，下载远程托管字体和/或遵循像Google字体URL这样的导入。然而，https://github.com/cgross/grunt-dom-munger为您提供了创建定制解决方案所需的工具。