我正在尝试使用webfontloader custom module这样在节点上加载字体:
WebFont.load({
custom: {
families: ['Arial Bold'],
urls: ['http://localhost:60838/fonts.css']
},
active: function() {
resolve();
},
inactive: function() {
console.error('WebFont failed to load the font');
}
});
这是我的fonts.css文件:
@font-face { font-family: "Arial Bold";
src: url("Content/fonts/admin/Arial Bold.ttf") format("truetype");
}
我已经尝试在fonts.css src字段和webfontloader的custom.url上同时使用绝对路径和相对路径,但是我无法使其正常工作,它总是转到inactive()。我找不到Webfontloader加载字体的真实工作示例,可以在其中验证路径和格式,我也尝试调试webfontloader.js,但是由于找不到非最小化版本,因此很难理解正在发生的情况
任何想法我该如何解决?