在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 },
      ...
    }