Hi everyone,
I'm trying to use Inkscape to make an icon-font via the SVG font editor. I should upload the SVG file to IcoMoon site in order to integrate my icons with some from the site. My problem is that if I upload the SVG file generated from Inkscape, IcoMoon show me three placeholders for the icons, which is correct because I made three icons, but the placeholders are empty. I've tryied all the possible SVG formats saving from Inkscape but always with the same result. By now my solution is to upload the Inkscape SVG to Free Online Font Converter site and convert it in SVG format and then upload the new SVG to IcoMoon and it works. I'm puzzled I have to convert an SVG to SVG but maybe there's something I don't know about Inkscape that make me to save the SVG font in the wrong way, is there a way to skip the conversion and upload to IcoMoon the Inkscape SVG directly?
I'm using Inkscape 0.48 on a Mac OSX 10.6.8
Thanks
Problem saving SVG font
Re: Problem saving SVG font

Welcome to InkscapeForum!
I'm not familiar with IcoMoon. Have you looked into that site's specifications for uploaded content?
The only thing I can think might be an issue, is an Inkscape bug on Macs. If you use Paste anytime, anywhere in the file, the pasted content becomes rasterized. Although....well, I'm not sure how the IcoMoon site woud know whether there were raster content in the file. But having used an SVG converter, which apparently solved the problem....it sort of makes sense.
However, out of curiosity, I searched out http://icomoon.io (what the heck is .io?

Maybe you could go through the same routine, up until you use the converter? Then open both your original Inkscape file, and the new "converted" file in Inkscape, and look to see what the differences are (use XML Editor, if nothing is obvious on canvas). That might give you some clue about what makes the converted file's image show up.
That's about all I could suggest

Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Problem saving SVG font
Thanks Brynn,
As you probably already seen there's no specifications in IcoMoon site, they only say "upload SVG", I'm puzzled because the same file works in the font converter and don't in that site...
it's true that in mac when you copy and paste something in Inkscape the content became rasterized but this can be solved turning off the synchronization of the X11 cache with the OSX one in the X11 preferences. I say this just in case someone have this problem and don't know how to handle it because it's impossible to work with inkscape with the synchronized cache on
It's a very good idea to compare the two SVGs, shame on me to not have think about it by myself. I will do that and see the difference.
Thank you very much!
As you probably already seen there's no specifications in IcoMoon site, they only say "upload SVG", I'm puzzled because the same file works in the font converter and don't in that site...
it's true that in mac when you copy and paste something in Inkscape the content became rasterized but this can be solved turning off the synchronization of the X11 cache with the OSX one in the X11 preferences. I say this just in case someone have this problem and don't know how to handle it because it's impossible to work with inkscape with the synchronized cache on

It's a very good idea to compare the two SVGs, shame on me to not have think about it by myself. I will do that and see the difference.
Thank you very much!
Re: Problem saving SVG font
Good luck 

Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Problem saving SVG font
Alright, I compared the two files and guess what?... they're different 
This is the Inkscape file
and this is the converted (apparently with FontForge) one
Now I know that there's a difference (even if I already suspected
) but this isn't a solution to the problem, maybe there should be an option to save an SVG-Font file which create a file with a format more similar with the FontForge one in the Save window of Inkscape.
As work flow I think I will keep convert the SVG in SVG to make it work in IcoMoon, not a big deal
Thanks

This is the Inkscape file
Code: Select all
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg id="svg5496" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="1000" width="1000" version="1.0" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata id="metadata5594">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs id="defs5498">
<font id="font3933" horiz-adv-x="1024">
<font-face id="font-face3935" font-family="zabbaico" units-per-em="1024"/>
<glyph id="glyph3813" glyph-name="glifo 1" unicode="s" d="m 500,952.03125 c -265.80243,0 -482.25,-214.21634 -482.25,-477.25 C 17.75,211.74759 234.19757,-2.4376 500,-2.4375 c 265.80244,0 482.25,214.18509 482.25,477.21875 0,263.03366 -216.44756,477.25 -482.25,477.25 z M 500,862.5 c 216.90641,0 391.78125,-173.07178 391.78125,-387.71875 0,-214.64697 -174.87484,-387.6875 -391.78125,-387.6875 -68.50797,0 -132.81486,17.27362 -188.75,47.65625 l 155.5,94.90625 -155.90625,90 -4.4375,-182.25 C 187.90203,203.95508 108.21875,329.8883 108.21875,474.78125 108.21875,689.42822 283.09359,862.5 500,862.5 z m 37.8125,-149.71875 -41.28125,-71.46875 155.9375,-90.03125 41.25,71.46875 -155.90625,90.03125 z M 471,597.0625 l -132.65625,-229.75 155.9375,-90 132.625,229.71875 L 471,597.0625 z"/>
<glyph id="glyph4758" glyph-name="glifo 2" unicode="q" d="m 30.25,936.65625 0,-40.28272 0,-858.96529 0,-40.25204 40.251995,0 858.996015,0 40.25199,0 0,40.25204 0,858.96529 0,40.28272 -40.25199,0 -858.996015,0 -40.251995,0 z m 80.53472,-80.53472 778.43056,0 0,-778.43056 -573.2683,0 150.37654,91.78069 -153.29557,88.52366 -4.3632,-180.30435 -197.88003,0 0,778.43056 z m 425.41135,-211.61487 -40.58999,-70.272 153.3263,-88.52366 40.55926,70.27199 -153.29557,88.52367 z M 470.50236,530.72563 340.06746,304.82283 493.39376,216.3299 623.79793,442.20197 470.50236,530.72563 z"/>
<glyph id="glyph4797" glyph-name="glifo 3" unicode="p" d="m 337.3125,933.15625 -12,-12 L 43,638.84375 l -12,-12 0,-16.96875 0,-570.5 0,-40.9688 40.96875,0 856.0625,0 40.96875,0 0,40.9688 0,852.8125 0,40.96875 -40.96875,0 -573.75,0 -16.96875,0 z m 33.96875,-81.96875 515.75,0 0,-770.8125 -554.53125,0 132.625,80.9375 -155.90625,90 -4.15625,-170.9375 -192.09375,0 0,512.5 258.3125,258.3125 z M 536.1875,644.40625 494.90625,572.9375 l 155.90625,-90 41.28125,71.46875 -155.90625,90 z M 469.375,528.71875 336.71875,298.96875 492.625,208.9375 625.28125,438.6875 469.375,528.71875 z"/>
</font>
</defs>
</svg>
and this is the converted (apparently with FontForge) one
Code: Select all
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg>
<metadata>
Created by FontForge 20110222 at Fri May 10 10:55:59 2013
By www-data
</metadata>
<defs>
<font id="font3933" horiz-adv-x="1024" >
<font-face
font-family="zabbaico"
font-weight="400"
font-stretch="normal"
units-per-em="1024"
panose-1="2 0 5 9 0 0 0 0 0 0"
ascent="819"
descent="-205"
bbox="0 -2.84379 1000 1024"
underline-thickness="0"
underline-position="0"
unicode-range="U+0070-0073"
/>
<glyph glyph-name="glifo 1" unicode="s"
d="M500 952.031c-265.802 0 -482.25 -214.216 -482.25 -477.25c0 -263.034 216.448 -477.219 482.25 -477.219c265.802 0 482.25 214.185 482.25 477.219c0 263.034 -216.448 477.25 -482.25 477.25zM500 862.5c216.906 0 391.781 -173.072 391.781 -387.719
s-174.875 -387.688 -391.781 -387.688c-68.508 0 -132.815 17.2736 -188.75 47.6562l155.5 94.9062l-155.906 90l-4.4375 -182.25c-118.504 66.5488 -198.188 192.482 -198.188 337.375c0 214.647 174.875 387.719 391.781 387.719zM537.812 712.781l-41.2812 -71.4688
l155.938 -90.0312l41.25 71.4688zM471 597.062l-132.656 -229.75l155.938 -90l132.625 229.719z" />
<glyph glyph-name="glifo 2" unicode="q"
d="M30.25 936.656v-40.2827v-858.965v-40.252h40.252h858.996h40.252v40.252v858.965v40.2827h-40.252h-858.996h-40.252zM110.785 856.122h778.431v-778.431h-573.268l150.377 91.7807l-153.296 88.5237l-4.36319 -180.304h-197.88zM536.196 644.507l-40.59 -70.272
l153.326 -88.5237l40.5593 70.272zM470.502 530.726l-130.435 -225.903l153.326 -88.4929l130.404 225.872z" />
<glyph glyph-name="glifo 3" unicode="p"
d="M337.312 933.156l-12 -12l-282.312 -282.312l-12 -12v-16.9688v-570.5v-40.9688h40.9688h856.062h40.9688v40.9688v852.812v40.9688h-40.9688h-573.75h-16.9688zM371.281 851.188h515.75v-770.812h-554.531l132.625 80.9375l-155.906 90l-4.15625 -170.938h-192.094
v512.5zM536.188 644.406l-41.2812 -71.4688l155.906 -90l41.2812 71.4688zM469.375 528.719l-132.656 -229.75l155.906 -90.0312l132.656 229.75z" />
</font>
</defs></svg>
Now I know that there's a difference (even if I already suspected

As work flow I think I will keep convert the SVG in SVG to make it work in IcoMoon, not a big deal

Thanks
Re: Problem saving SVG font
Could this be it? File > New > fontforge_Glyph. Maybe starting with that specific type of file will cause it to be saved with the necessary info? Hhmm, I can't see anything that's obvious to me, difference between regular file and ffglyph file. Well, that doesn't seem to be the answer. But it seems like Inkscape should somehow be able to do that. Maybe the manual (duh).... Well, that's strike 3!
Glad it's "not a big deal"
Glad it's "not a big deal"

Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Problem saving SVG font
I will try that, reading it seems promising 
I followed some tutorial to create the SVG font and none of them say to make a new FontForge_Glyph but a normal SVG. I think this is the answer, will try and report

I followed some tutorial to create the SVG font and none of them say to make a new FontForge_Glyph but a normal SVG. I think this is the answer, will try and report

Re: Problem saving SVG font
Well no. By "strike 3" I meant that I didn't find any info in the manual. Sorry if I used such an american phrase.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Problem saving SVG font
aaaah got it! baseball isn't it? means failure I suppose
sorry I'm Italian and don't get this kind of phrases immediately 
So I think I've got no options but to convert the file. I can handle it


So I think I've got no options but to convert the file. I can handle it

Re: Problem saving SVG font
Well, the problem was that your English is so good, I didn't catch on that you weren't a native English speaker.
I would say, at least you've got something that works for now. It may be that the people who know the right answer for this, just haven't seen the message yet. It seems to me like it shouldn't be so hard. Although again, maybe it's IcoMoon's specifications that are unusual. I'm just really not very knowledgeable about making fonts.
Well now since I know your Italian, did you know there's an Italian Inkscape forum? http://www.inkscapeforum.it/ I haven't visited in quite a while. Since they use a google translation program, I can have the messages translated, and still....almost understand them....and participate marginally. The translation is a great idea, but very poorly implemented in my opinion. If I were forced to use it, I would. But for casual discussions, it's just too difficult to understand. It's like the program translates all the words, and then puts them in some random order! Anyway, you should understand perfectly
I would say, at least you've got something that works for now. It may be that the people who know the right answer for this, just haven't seen the message yet. It seems to me like it shouldn't be so hard. Although again, maybe it's IcoMoon's specifications that are unusual. I'm just really not very knowledgeable about making fonts.
Well now since I know your Italian, did you know there's an Italian Inkscape forum? http://www.inkscapeforum.it/ I haven't visited in quite a while. Since they use a google translation program, I can have the messages translated, and still....almost understand them....and participate marginally. The translation is a great idea, but very poorly implemented in my opinion. If I were forced to use it, I would. But for casual discussions, it's just too difficult to understand. It's like the program translates all the words, and then puts them in some random order! Anyway, you should understand perfectly

Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Problem saving SVG font
I'm glad my English is good I'm always afraid not to write in a proper way and be misunderstood.
The process to create an Icon-font is mostly done in Inkscape. Convert the file it's a one-time-thing to do at the end of the process so is not a big problem, it can be done. Mine was more a curiosity than a real problem since seem strange to me having to convert an SVG in an SVG. Having said that it would obviously be faster and easier to use the Inkscape file directly but "You can't always get what you want" (if you spot this one you are either old, like me, or a fan
). If someone with a solution will come up I will change my workflow, by now I can handle it as it is.
Since I didn't find anyone with Inkscape SVG fonts problems I think that there's a too restrictive SVG format request in IcoMoon and if this is the case there's no solution in Inkscape itself I'm afraid.
I didn't know there's an Italian Inkscape forum, to be honest When I need help with something I always search for English written sites because seems to me that there's more people involved since English is an international language spoken even from not-English-mother-language people and thus there's more chances to find answers. I will give it a try, thank you!
The process to create an Icon-font is mostly done in Inkscape. Convert the file it's a one-time-thing to do at the end of the process so is not a big problem, it can be done. Mine was more a curiosity than a real problem since seem strange to me having to convert an SVG in an SVG. Having said that it would obviously be faster and easier to use the Inkscape file directly but "You can't always get what you want" (if you spot this one you are either old, like me, or a fan

Since I didn't find anyone with Inkscape SVG fonts problems I think that there's a too restrictive SVG format request in IcoMoon and if this is the case there's no solution in Inkscape itself I'm afraid.
I didn't know there's an Italian Inkscape forum, to be honest When I need help with something I always search for English written sites because seems to me that there's more people involved since English is an international language spoken even from not-English-mother-language people and thus there's more chances to find answers. I will give it a try, thank you!

Re: Problem saving SVG font
...old, like me, or a fan...
Or both!


but always

Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design