Konvertierung von SVG-font Symbol mit icomoon
Ich habe eine svg, die beim öffnen im browser kommt gut. Ich bin versucht, zu konvertieren, ein paar von Ihnen zu font-icons mit http://icomoon.io/ aber es kommt nicht richtig nach dem Import. Ich habe versucht, mit http://fontastic.me/ als gut, aber kein Glück.
Hier ist die SVG-Bild-markup -
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve" style="
color: red;
">
<path fill="none" stroke="#231F20" stroke-width="15" stroke-miterlimit="10" d="M323.41,321.664c0,0.457-0.371,0.828-0.828,0.828 H88.835c-0.458,0-0.829-0.371-0.829-0.828V87.918c0-0.459,0.371-0.829,0.829-0.829h233.747c0.457,0,0.828,0.37,0.828,0.829V321.664z " style="
color: red;
"/>
<path fill="none" stroke="#231F20" stroke-width="15" stroke-miterlimit="10" d="M215.311,196.935"/>
<path fill="none" stroke="#231F20" stroke-width="15" stroke-miterlimit="10" d="M250.935,277.399 c25.36-14.769,42.409-42.247,42.409-73.71c0-47.078-38.164-85.242-85.242-85.242s-85.242,38.164-85.242,85.242 c0,31.463,17.048,58.941,42.408,73.71"/>
<g>
<path fill="#231F20" d="M173.653,282.14l-4.741-48.439c-0.059-0.58-0.327-1.092-0.715-1.482l-47.088,54.471 c0.48,0.449,1.127,0.714,1.82,0.676l48.578-2.721C172.82,284.568,173.783,283.448,173.653,282.14z"/>
</g>
<text transform="matrix(1 0 0 1 175.665 231.1914)" fill="#231F20" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" font-family="'Helvetica'" font-size="99.4919">A</text>
</svg>
Ich vermute, es hat etwas damit zu tun, wie das Bild erstellt wurde, kann aber nicht viel Ressourcen, wie das Problem zu beheben. Jede Hilfe wäre genial!
Dank.
InformationsquelleAutor ksb | 2014-06-16
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
IcoMoon ignorieren Schlaganfall-Attribute und text-Objekte. Es ist nur daran interessiert, gefüllte Formen. In Ihrem Fall, das heißt, es wird nur der import der Dreieck am Ende der kreisförmigen Kurve.
Müssen Sie konvertieren Sie Ihre Pfade und text in Formen gefüllt. In Inkscape, versuchen Sie Ihr Kunstwerk und drücken Sie StrgShiftC. In Illustrator gibt es eine Umriss Schlaganfall option irgendwo im Pfad-Menü und den Befehl für die Umwandlung von text in Pfade, wenn ich mich Recht erinnere, ⌘ShiftC auf einem Mac (wahrscheinlich EinstellungenShiftC und anderes).
Wenn Sie jegliche überlappenden Objekte, die Sie wahrscheinlich haben wird, werden zusammengeführt zu.
Und erwarten Sie nicht zu perfekten Ergebnissen. IcoMoon hat einen vernünftigen job, aber es kann umwandeln von Kurven in gerade Linien in einigen Situationen.
Befehl für die Konvertierung von text outline von illustrator ist: Umschalttaste+Befehlstaste+A für mac.
oder
1. wählen Sie den text
2. Typ -> erstellen Gliederung
mehr info: http://reachheadwear.com/illustrator-101-creating-outlines