Tag: webfont loader

让webfontloader与node.js和jsdom一起工作

我有webfontloader在浏览器上下文中很好地工作。 现在我试图看看是否可以在node.js + jsdom上下文中工作,特别是因为webfontloader可用作npm模块 。 我有node + jsdom工作提供合理的输出,所以我知道这部分工作。 但是,当我尝试整合webfontloader,以启用网页字体,我来解体。 基本上我使用的是自述文件中的webfontloader模块,它是: var WebFont = require('webfontloader'); WebFont.load({ google: { families: ['Droid Sans', 'Droid Serif'] } }); 但是,尽可能地尝试,我得到以下错误: ReferenceError:窗口没有定义 我可以从jsdom获得一个window对象: // Get the document and window var doc = jsdom.jsdom('<!doctype html><html><body><div id="container"></div></body></html>'), win = doc.defaultView; 但是,我如何将win传递给webfontloader作为在这种情况下的window使用? 也许我正在performance出我的天真,并问不可能。

phantomjs +网页字体+字体加载器

我在node.js环境中运行phantomjs ,并且进展顺利。 目前,我只是使用本地字体,但希望获得谷歌网页字体与phantomjs工作。 关于networking字体是否以及如何与phantomjs一起工作,有各种相互矛盾和混淆的报道。 有这样的文章包含过时的信息与死链接。 而像这样的post表明, phantomjs 2.0将会或可以支持网页字体,其他人则认为它不会但2.0.1会。 在这篇文章中有一个build议,webfonts在2.0工作。 我已经尝试了很多select,包括与phantomjs 2.0和2.0.1二进制文件,但不能得到它的工作。 这可能是因为我正在使用Web字体加载器使用以下内容来加载我的js中的Web字体 : WebFont.load({ google: { families: ['Droid Sans', 'Droid Serif'] }, loading: function() { console.log('loading'); }, active: function() { console.log('active'); // hooray! can do stuff… }, inactive: function() { console.log('inactive'); }, fontloading: function(familyName, fvd) { console.log('fontloading', familyName, fvd); }, fontactive: function(familyName, fvd) { console.log('fontactive', […]