使用css缩小功能的远程字体导入
使用css缩小功能的远程字体导入
提问于 2015-08-17 19:36:49
我正在尝试连接和缩小所有的bower包资产，包括css。其中之一是bootswatch设计，它导入了google字体。问题是，在它上面运行css任务会导致超时异常。我猜它正在尝试下载这些字体，而且它花费的时间太长了，因为每次都不会发生异常。
我该如何着手解决它呢？
Gulp导入：
var gulpMinifyCss = require('gulp-minify-css');
var gulpConcatCss = require('gulp-concat-css');
var mainBowerFiles = require('main-bower-files');
var gulpFilter = require('gulp-filter');Gulp任务：
gulp.task('compileBowerCss', function(){
return gulp
.src(mainBowerFiles())
.pipe(gulpFilter('*.css'))
.pipe(gulpConcatCss('bower.css'))
.pipe(gulpMinifyCss())
.pipe(gulp.dest(assetsFolder + cssFolder));
});例外：
events.js:85
throw er; // Unhandled 'error' event
^
Error: Broken @import declaration of "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" - timeout单独运行这个任务，没有其他任务总是运行良好(据我所知，极限测试)，但将它与其他任务结合运行会导致上述错误。
回答 1
Stack Overflow用户
发布于 2015-11-25 17:29:41
尝试用npm本地化你的字体：https://libraries.io/npm/roboto-font
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32049394
复制相关文章
相似问题