【问题标题】:Grunt CSS minify and Google FontsGrunt CSS 缩小和谷歌字体
【发布时间】:2014-08-28 01:04:02
【问题描述】:

我遇到了问题:

我主要使用 Bower 和 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 缩小和压缩)?

当我说得很快时,我的意思是:无需将我的字体下载为 zip,将其复制到我的项目文件夹中,输入 @font-face...)

是否有与 google-font-api 或其他东西一起使用的 Grunt 模块?

任何帮助表示赞赏:)

【问题讨论】:

  • 查看链接并复制粘贴结果?
  • 嗯,这听起来很愚蠢,但它可能是一个非常好的解决方案(比我目前的更好):)
  • 为什么不下载字体并将其存储在服务器上,就像其他 css 一样?
  • 说文件下载也可以通过 grunt 自动完成。
  • 这很酷。怎么做 ?现有模块?

标签: javascript html css gruntjs google-font-api


【解决方案1】:

我一直在寻找相同类型的工具来消除使用 bootswatch 模板的摩擦,同时支持离线模式。我知道没有现成的选项会自动解析您的 css,下载远程托管字体和/或跟踪像谷歌字体 URL 之类的导入。但是,https://github.com/cgross/grunt-dom-munger 为您提供了为您的项目创建定制解决方案所需的工具。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-06
    • 1970-01-01
    • 2014-12-25
    • 2014-08-28
    • 2011-05-11
    • 2014-07-01
    相关资源
    最近更新 更多