fonts fontface
1.0.0
Laden und importieren Sie bestimmte CSS -Open -Source -Schriftarten mit Node Package Manager ...
Das Importieren von Schriftarten wurde jetzt einfacher ... importieren und laden Sie nur die erforderlichen Schriftarten für Ihre Schriftarten.
Beispiel: Mein CSS -Thema funktioniert mit Roboto -Schriftart mit Variationen 300.400.500.700. Ich muss nur diese bestimmte Schriftart und ihre Variationen importieren.
Dieses Paket macht genau das für Sie.
Dieser Service wurde vom Schriftenprojekt von Kyle Mathews inspiriert, bei dem alle Variationen der Schriftarten zusammengeladen wurden, was aufgrund großer heruntergeladener Schriftarten zu einer Verringerung der Leistung führte.
So wie Sie das unten mit Google -Schriftarten durchführen können:.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500italic,700&display=swap" />
Sie können jetzt dasselbe mit NPM tun:
npm install --save font-face-roboto
Jedes Schriftfeld wird mit allen erforderlichen Schriftarteien gebündelt.
Um in Ihrem Projekt zu verwenden, fügen Sie es in Ihren Einstiegspunkt hinzu und importieren Sie es:
import "typeface-roboto/300-400-500i-700.css";
Durch das oben genannte Roboto -Schriftart mit Variationen von 300 normalen, 400 normalen, 500 iT.
Die Schrift geht davon aus, dass Sie WebPack mit Loader -Setup zum Laden von CSS und Schriftdateien verwenden (Sie können die Schrift mit anderen Setups verwenden, aber WebPack macht die Dinge wirklich einfach). Unter der Annahme, dass Ihre Webpack -Konfiguration korrekt eingerichtet ist, benötigen Sie nur die Schrift in der Eintragsdatei für Ihr Projekt.
Verwenden Sie zusammen mit WebPack, um die erforderlichen Dateien in das Projekt zu bündeln und zu injizieren.
Tools wie Create-React-App und Gatsby arbeiten zusammen mit dieser Box.
Fühlen Sie sich frei, in Ihren React -Projekten zu verwenden.
Unterstützung und Beiträge zu diesem Projekt werden sehr geschätzt !!!
