Inkscape 083 – SVG-Schrift konvertieren [Update 2018]

Im Prinzip ist dieser Artikel kein echtes Inkscape-Tutorial, aber die Datei wurde mit Inkscape erstellt, insofern hänge ich diesen Beitrag dem ersten Teil an. Konvertiert wird Online und es gibt dazu noch hilfreiche Tipps.

Skills: Easy 2 out of 5 stars (2 / 5)
Plugin: Nein. Aber es wird ein Online-Service in Anspruch genommen der SVG-Dateien in Schriften 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 mach sich, über die Suchmaschine seiner Wahl einen Online-Service, der es 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 man generieren lassen möchte und klickt anschließend auf Select Font(s) um seine SVG-Datei auszuwählen (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 herunter laden

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:

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

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

Und nun viel Spaß mit euren neuen selbst erstellten, spannenden Schriften!

Das könnte Dich auch interessieren …

Translate »