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