Google Material Design Icon Schriftart mit NPM und Schluck

Question

Ich versuche, die Google Material Design Icon Schriftart in mein Projekt zu importieren. Ich habe das Paket NPM installiert

npm install material-design-icons --save-dev 

Es existiert, aber ich kann nicht herausfinden, wie man es in meiner SCSS Datei aufgenommen werden. Ich habe versucht, verschiedene Wege zu importieren, und alle scheitern. Ich habe auch versucht, die Font-Dateien innerhalb von node_modules zu referenzieren und das funktioniert auch nicht. Es muss eine Möglichkeit geben, diese Schriftart in SCSS einzuschließen oder zu importieren.

Answer 1

Ich löste dieses Problem. Ich habe am Ende eine andere Aufgabe erstellt, die vor der Schriftart-Task ausgeführt wird, die meine Font-Dateien von meiner Quelle in den Distributionsordner verschiebt. Hier ist der Code, da es hilfreich sein könnte. Beachten Sie, dass ich das Gulp Starter Kit als Basis verwende.

var config  = require('../config'); 
if(!config.tasks.fonts) return; 

var changed  = require('gulp-changed'), 
    gulp  = require('gulp'), 
    path  = require('path'); 

gulp.task('googleFont', function() { 
    return gulp.src([paths.iconsrc, '*!README.md']) 
     .pipe(changed(paths.dest)) 
     .pipe(gulp.dest(paths.dest)) 
}); 

ähnlich wie die Standardschriftart Aufgabe wird dies bei ./node_modules/material-design-icons/iconfont direkt mit dem Google Material Design Icon Font-Verzeichnis gehen und dann, wenn sie aus dem letzten Einsatz unterschiedlich sind, werden sie in meine Distributionsordner kopieren. Dies bedeutet, dass auch Updates von Google unterstützt werden, sobald sie passieren.