Wie fügen Sie einem Webpack-Projekt eine Schriftart hinzu? Ich kann nicht glauben, dass ich nach dem Durchsehen von einem Dutzend Webpack-Anleitungen immer noch keine wirkliche Lösung zum Hinzufügen einer Schriftart finden kann. Ich bin nicht mit Reaktion, ich bin mit vorformulierten, die hier gefunden werden kann: https://github.com/sandrina-p/essential-webpack-boilerplateWie fügt man eine Schriftart zum Webpack Build hinzu?
Ordnerstruktur ist wie folgt:
src
|-fonts
|-scripts
|-styles
index.thml
ich folgendes meiner Config-Datei hinzugefügt haben:
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader?name=/fonts/[name].[ext]'
},
ich Import der font-family in meinem css wie so:
@font-face {
font-family: 'MPR' !important;
src: url('/styles/MPR.ttf') format('ttf'),
}
h2 {
font-family: 'MPR';
}
I bekomme keine fehler, das h2-tag zeigt einfach nicht die schrift und standardmäßig mal new roman. Jeder Einblick würde sehr geschätzt werden, ich möchte wirklich nicht mein ganzes Projekt im Schluck wieder aufbauen müssen, nur damit ich eine Schriftart verwenden kann.
Ja, das war ein Teil davon hinzufügen müssen. Ich fand heraus, dass es funktionierte, wenn ich eine CSS-Datei erstellte, die meine Fonts definierte und sie dann in meine JS-Hauptdatei importierte. Und ja, ich musste auch meinen Weg ändern. – figaro