So lösen Sie das Fehlerproblem, wenn Vue Schriftart-CSS einführt

Die Lösung für den Fehler, wenn Vue Schriftart-CSS einführt: 1. Importieren Sie die Stildatei der Schriftart, in der sie verwendet wird. 2. Ändern Sie „font.styl“ in „font.css“. 3. Verschieben Sie den Schriftartenordner, in dem sie gespeichert ist die Schriftart. Gehen Sie zum statischen Ordner auf derselben Ebene wie src.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue2-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „vue Tutorial“

Die Lösung für den Fehlerbericht zur Verwendung von @font-size zum Einführen von Schriftartsymbolen in Vue2. Es gibt ein CSS-Loader-Abhängigkeitspaket. Beim Einführen von Schriftartsymbolen ist ein Problem aufgetreten

1. Es wird ein Fehler gemeldet.

Ändern Sie den relativen Pfad der Schriftarteneinführung in einen absoluten Pfad.

Relativer Pfad. Absoluter Pfad. 2. Es wird kein Fehler gemeldet, aber das Schriftartensymbol wird angezeigt ist Das kleine Kästchen

hat eine Warnmeldung:

Kleines Kästchen:

Der Fehler ist auf ein Umleitungsproblem zurückzuführenDer Grund für das oben genannte Problem

①Der Schriftstil wird nicht eingeführt es wird verwendet Die Datei

② verwendet eine .styl-Datei mit dem Suffix

③ Verschieben Sie den Schriftartenordner in den statischen Ordner und verwenden Sie den absoluten Pfad, um darauf zuzugreifen. Zu diesem Zeitpunkt können Sie die .styl-Datei

verwenden ① Die Lösung besteht darin,

die Schriftstildatei zu importieren

(wenn sie global importiert wird, muss sie aus app.vue importiert werden)

@import '文件路径'

②Die Lösung besteht darin,

font.styl in font.css zu ändern

(der Grund dafür). (Stift-Präprozessor)

Dann importieren Sie

@import '文件路径'

dort, wo Sie es verwenden müssen

③Verschieben Sie den Schriftartenordner, in dem die Schriftarten gespeichert sind, in den statischen Ordner auf derselben Ebene wie src und greifen Sie dann über den absoluten Pfad im Symbol darauf zu. Stildatei

• Mehr Für mehr Programmierkenntnisse besuchen Sie bitte:
• Programmieren lernen
! !

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Fehlerproblem, wenn Vue Schriftart-CSS einführt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!