So verwenden Sie die Symbolschriftart in Vue

Der Inhalt dieses Artikels befasst sich mit der Verwendung von Symbolschriftarten in Vue. Er hat einen gewissen Referenzwert. Ich hoffe, dass er für Sie hilfreich ist.

Da das Projekt mit Vue erstellt wurde und die Verwendung von Unicode-Zeichen unpraktisch ist, können wir nur die Klasse festlegen.
Zuerst dachte ich, es sei ein Versionsproblem, aber es gab kein Ergebnis. Es ist kein Problem, den Schriftartenpfad im Stil zu finden.
Schließlich habe ich versucht, ein Stück CSS hinzuzufügen und festgestellt, dass es kein Problem gab. Dies ist nicht in Laui.css enthalten. Ich frage mich, ob die Laui-Experten darüber nachdenken würden, es hinzuzufügen.

[class^="layui-icon-"], [class*="layui-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
-webkit-text-stroke-width: 0.2px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Der Code wurde veröffentlicht. Freunde, die auf das gleiche Problem stoßen, können

Verwandte Empfehlungen ausprobieren:

Einführung in den Unterschied zwischen Verknüpfungssymbol und Symbolcode_HTML/Xhtml_Webpage Production

Über den Unterschied zwischen Web-Favoriten-Symbol, Verknüpfungssymbol und Symbolcode (Nachdruck)_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Symbolschriftart in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!