Wie kann ich Font Awesome-Symbole in SVG-Bilder einbetten?

Einbinden von Font Awesome Icons in SVG-Bildern

Frage:

Wie kann ich ein Font Awesome-Symbol in mein SVG-Bild einfügen? Ersetzen eines vorhandenen Element mit einem -Element liefert keine Ergebnisse.

Antwort:

Der bereitgestellte Code funktioniert nicht, weil

Untersuchen Sie das CSS-Stylesheet von Font Awesome, um das spezifische Unicode-Zeichen für das gewünschte Symbol zu ermitteln. Zum Beispiel:

.icon-group:before                { content: "\f0c0"; }
.icon-cloud:before                { content: "\f0c2"; }

Um das Symbol in Ihr SVG zu integrieren, ersetzen Sie Ihren ursprünglichen Code durch Folgendes:

<g><text x=&quot;12&quot; y=&quot;15&quot;>&amp;#xf0c2;</text></g></p>
<p>Fügen Sie in Ihrem Stylesheet Folgendes hinzu:</p>
<pre class="brush:php;toolbar:false">svg text {
   font-family: FontAwesome;
}

Wenn Sie die kostenlose Version von Font Awesome 5 verwenden, verwenden Sie die folgende Schriftfamiliendeklaration:

svg text {
   font-family: 'Font Awesome 5 Free';
}

Das obige ist der detaillierte Inhalt vonWie kann ich Font Awesome-Symbole in SVG-Bilder einbetten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!