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