1

我正在尝试使用 webfontloader自定义模块在节点上加载字体，如下所示：

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 但由于找不到非缩小版本，因此很难理解发生了什么.

知道如何解决这个问题吗？

4

0 回答 0