在React应用程序中嵌入字体的选项？

Question

有没有一种方法可以将字体文件转换为缓冲区或svgs或其他东西并将其嵌入到js包中？

应用程序将被使用的方式意味着我无法链接到托管的字体文件，我将无法访问本地文件系统。

感谢您的任何信息。

Answer 1

可以包括TTF（字体文件）到您的项目，然后修改config.js捆绑一起：

let rules = [] 
    rules.push({ 
     test: /\.ttf$/, 
     loader: 'file-loader', 
     options: {name: 'fonts/[name].[ext]'} 
    }) 

    module.exports =() => { 
     module: { rules }, 
     ... 
    }