Inkscape 083 – SVG-Schrift konvertieren

Im Prinzip ist dieser Artikel kein reines Inkscape-Thema, aber da die Datei Schriftsymbole mit Inkscape erstellt wurden, hängen die Bereiche sehr eng miteinander zusammen. Konvertiert wird Online und es gibt dazu weitere hilfreiche Tipps.

Skills: Easy
Plugin: Nein. Ein Online-Service wird in Anspruch genommen um die SVG-Zeichen in Schriften zu konvertiert.

Die folgenden Tipps beziehen sich im Besonderen auf Windows und Schriftarten, denn es kann vorkommen, das auf diese Weise erstellte Schrift(en) nicht gleich vom System erkannt werden.

Online-Service zum Konvertieren

Zuerst sucht man sich über die Suchmaschine seiner Wahl einen Online-Service, der anbietet Schriften kostenfrei zu erstellen/konvertieren. In diesem Fall ist das onlinefontconverter.com

Auf der Seite angelangt geht es auch schon ohne viel Umschweife los. Man wählt, welche Art von Schriftarten generiert werden soll und klickt anschließend auf Select Font(s) um seine SVG-Datei auszuwählen. Eine typische Schriftart ist das True-Type-Format (ttf) (siehe Bild unten).

Format wählen

Dann folgt man einfach nur den Anweisungen, es sind nur 3 wenige Schritte und lädt dann die fertige Schrift herunter, packt sie aus und legt sie für Windows im Schriften Ordner ab.

Download Font
Schrift herunterladen

Windows Tücke

Nicht immer erkennt jedes Programm die neuen Schriftarten. Das kann/wird in vielen Fällen an Windows liegen, denn Schriften von Drittanbietern werden manchmal aus Sicherheitsgründen geblockt, was so falsch ja nicht ist. Nur wissen wir in diesem Fall um was es sich handelt. In diesem Fall kann die Schrift dem System zur Verwendung freigegeben werden.

Leider fehlt mir gerade eine entsprechende Windows-Meldung, daher ist dieser Schritt hier nicht bebildert.

Die Schrift in Verwendung

Lief die Installation unter Windows ansonsten erfolgreich lässt sich die Schrift in jedem Programm verwendet werden. In den Bildern unten ist der Font in einer Textverarbeitung und in Inkscape zu sehen (siehe Bilder unten).

SVG-Font in Office
Font in Textverarbeitung
Use SVG Font in Inkscape
Font in Inkscape

Der Text kann wie jeder andere Text auch markiert, vergrößert, verkleinert und eingefärbt werden.

Inkscape True Type Font
True Type Font

Natürlich funktioniert der Font auch mit Gimp (siehe Bild unten).

SVG Font in Gimp
Unsere Zeichen in Gimp

SVG Font für Webseiten

Sogar als externer Font für das Web, über CSS eingebunden, kann die Schrift eingesetzt werden. So können eure Grafiken noch einmal mehr leisten als nur, als Bilder verwendet zu werden.

Die Schrift erscheint durch die CSS-Einbindung  auf der Webseite, ohne das sie auf dem jeweiligen Besucher-Rechner installiert sein muss. Eine echte Bereicherung, denn so erhält man zusätzliche, großartige Gestaltungsmöglichkeiten.

Mögliches Szenario ist es sich einen Schriftordner auf dem FTP-Verzeichnis eurer Seite abzulegen und folgenden CSS-Code zu nutzen:

@font-face {
font-family:myfont;
src:url(...pfad-zum-ordner/myfont.ttf);
}

Wollte man nun einen Text-Absatz in dieser Schrift anzeigen, so würde der Code lauten:

p {
font-family: myfont;
}

In diesem Fall würden natürlich alle Absätze so formatiert. Die Script Zeile soll hier nur als Beispiel dienen.

Das könnte dich auch interessieren …