You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: mycore.org/content/de/blog/2025-11-05_svg-sprites.md
+9-3Lines changed: 9 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -52,17 +52,17 @@ Das *XSLT-Stylesheet* führt mit dieser Datei folgende **Transformation** durch:
52
52
53
53
### Ausführen der Transformation
54
54
Das Stylesheet ist XSLT 1.0 konform, so lässt sich die Transformation mit einem gängigen Browser durchführen. Allerdings benötigt man inzwischen einen Webserver (z.B [Apache HTTPD](https://httpd.apache.org/), [Tomcat](https://tomcat.apache.org/) oder [jwebserver](https://dev.java/learn/jvm/tool/jwebserver/)), da aktuelle Browser es lokalen HTML-Dateien nicht mehr gestatten, zusätzliche Daten von externen Quellen nachzuladen.
55
-
Man startet beispielsweise *jwebserver* in dem Ordner, in dem sich die Beispiel-XML-Datei und die XSLT-Datei befinden, öffnet im Firefox-Browser die Seite [http://127.0.0.1:8000/sample_svg-sprite-icons.xml](http://127.0.0.1:8000/sample_svg-sprite-icons.xml) und speichert diese als SVG-Datei ab (z.B. als [sample-svg-sprite-icons.svg]({{<relURL "/downloads/snippets/blog/svg-sprite-icons/sample-svg-sprite-icons.svg">}})). Alternativ lässt sich die Transformation auch an der Kommandozeile mit einem Tool wie [xsltproc](https://manpages.ubuntu.com/manpages/noble/en/man1/xsltproc.1.html) durchführen.
55
+
Man startet beispielsweise *jwebserver* in dem Ordner, in dem sich die Beispiel-XML-Datei und die XSLT-Datei befinden, öffnet im Firefox-Browser die Seite [http://127.0.0.1:8000/sample_svg-sprite-icons.xml](http://127.0.0.1:8000/sample_svg-sprite-icons.xml) und speichert diese als SVG-Datei ab (z.B. als [sample_svg-sprite-icons.svg]({{<relURL "/downloads/snippets/blog/svg-sprite-icons/sample_svg-sprite-icons.svg">}})). Alternativ lässt sich die Transformation auch an der Kommandozeile mit einem Tool wie [xsltproc](https://manpages.ubuntu.com/manpages/noble/en/man1/xsltproc.1.html) durchführen.
56
56
57
57
### Benutzung der SVG-Datei
58
58
Als **Ergebnis** wird folgende SVG-Datei erzeugt:
59
-
<img src="{{<relURL "/downloads/snippets/blog/svg-sprite-icons/sample-svg-sprite-icons.svg">}}" alt="SVG-Datei mit allen Symbolen" style="display:block;width:400px" class="border border-secondary" />
59
+
<img src="{{<relURL "/downloads/snippets/blog/svg-sprite-icons/sample_svg-sprite-icons.svg">}}" alt="SVG-Datei mit allen Symbolen" style="display:block;width:400px" class="border border-secondary" />
60
60
61
61
Die **Verwendung** im HTML-Code einer Webseite erfolgt beispielhaft auf folgende Weise:
*"Academicons is a specialist icon font for academics. It contains icons for websites and organisations related to academia that are often missing from mainstream font packages. It can be used by itself, but its primary purpose is to be used as a supplementary package alongside a larger icon set."* (ca. 150 Symbole)
0 commit comments