Optionen zum Einbetten von Schriftarten in eine React App?

Question

Gibt es eine Möglichkeit, dass ich eine Schriftart-Datei in einen Puffer oder Svgs oder etwas konvertieren und es in einem js-Bundle einbetten kann?

Die Art und Weise, wie die App verwendet wird, bedeutet, dass ich keine Verbindung zu einer gehosteten Schriftartdatei herstellen kann und keinen Zugriff auf das lokale Dateisystem habe.

Danke für jede Info.

Answer 1

Sie können ttf (Font-Dateien) in Ihr Projekt enthalten und ändern Sie dann Ihre config.js es zu bündeln:

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

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