...I've saved all of my glyphs into the SVG Font Editor, but I have absolutely NO IDEA how to export it to a TTF file, or into an editable SVG file that I can upload into Birdfont, Fontforge, or some other font program/website (with the exception of GlyphrStudio--& even then, the majority of the glyphs don't look AT ALL like the way I designed & saved them in Inkscape!). Can anybody please help me out? Or I can give you the SVG file to work with, if you'd like. :-)
I've not used the font editor lately (as I have found it too tidious), but I've been creating fonts in Inkscape combined with FontForge. Maybe this blog post could be of any help http://cutlings.wasbo.net/svg-font-to-ttf/
I tried Ellen Wasbo's suggestion, & I ran into a problem. :-( I got an error message, which I screencapped in the first attached file. However, I don't understand how that could be possible, as the second screencap I attached clearly shows that I have not only saved my glyphs in the SVG Font Editor, but am able to make them appear when I type in the sample text box! Not to mention I still have all of the glyph drawings I made to form the font characters! Why, then, is it not able to be uploaded into anything but a jumbled, screwed-up mess on Glyphrstudio? (See Screencaps 3 & onward..)
(Oh, the images I attached in the last post came out in reverse order! Let me make a correction, then: First consult Screenshot 11, then Screenshot 10, & then Screenshots 9-1.)
Well, at least one of the ideas has worked...for the most part! ^_^ I can now import my SVG font into other font programs! :D But, now, a new problem has arisen: Some of the font glyphs will show up in the character table in one font program, but not show up in another. Here's a couple of screenshots to illustrate this problem.
Also, Ellen Wasbo, I looked at your tutorial for custom font stroke, but when I went to find that Python file in Step 1, I opened it...& it didn't have those 2 lines of text that I need to remove. :-( I have Inkscape 0.92, BTW.
With v0.92 those lines should not be a problem, I think so just leave it. Why some characters are missing might be different issues. Did you use the custom stroke font extension to generate the svg font or the font editor?
Both the custom stroke font extension and the font editor are "using inkscape to generate the font", but I guess that means that you used the font editor. They will probably work a bit different on how the characters are defined. I see the &<> are missing in some of your screen, but then the number 3 is missing in another. I would have looked into the svg font file in a text editor to troubleshoot.
Well - I would have opened it in Notepad++ and stared at it having those font svg files I have back in my mind to compare with and look for issues. There might be some clues for you here http://cutlings.wasbo.net/prepare-svg-font-for-hershey-text-and-fontforge/ or you could send me the file and I could try to stare the issue out of it.
Oh, BTW, when you've finished inspecting the SVG document, can you please tell me what's causing the problems, & what I can do to fix them? :-) Many, many thanks! ^_^
I tried the staring method and this is what I found:
The missing characters in FontForge is missing because the paths are not closed. Double-clicking the L character in FontForge will show this:
To close it one option is to edit the svg file in a text editor. Add z to those glyph paths that miss it:
<glyph glyph-name="L" id="glyph932" unicode="L" d="m 432.51157,865.55204 c 0,0 35.25312,15.57246 46.56567,23.00558 9.55261,6.27955 12.71305,31.45731 -0.44662,31.44238 L 383.88666,919.89252 289.14055,920 c -13.1597,0.0149 -10.0003,-25.16283 -0.44662,-31.44238 11.31362,-7.43312 46.56671,-23.00541 46.56671,-23.00541 l 0.15098,-525.51495 c 0,0 -59.2702,-36.27345 -57.78994,-49.89445 1.47709,-13.62122 6.18482,-12.79985 16.00007,-12.79985 l 413.01245,1.01239 c -1.84609,-7.17866 56.1377,73.93081 30.58486,95.45982 -20.91944,17.62523 -72.76821,-37.93723 -72.76821,-37.93723 l -231.34268,0.15305 Z" />
The glyphs missing in the other program is all those defined with unicode starting with & ("<", ">" ...). You could try replacing those unicodes with the corresponding hex code and see ift that is accepted. I do not have that software so I cannot test it, but I have had similar issues before. To find the corresponding hex code you can use this web page https://www.compart.com/en/unicode/U+003E. Scroll down and find HTML Entity. The last of the three codes is the one you have per se (>). Try replacing it with the second code > which is the hex code and should work also with FontForge (or just stick with FontForge).
I tried opening the SVG file in a text editor, but I couldn't find any of the numbers in the string you used in the demonstration. And I can't see any information in the code that looks anything like this:
Beginners' Questions I just finished making my very first font, &...
Inkscape.org
...I've saved all of my glyphs into the SVG Font Editor, but I have absolutely NO IDEA how to export it to a TTF file, or into an editable SVG file that I can upload into Birdfont, Fontforge, or some other font program/website (with the exception of GlyphrStudio--& even then, the majority of the glyphs don't look AT ALL like the way I designed & saved them in Inkscape!). Can anybody please help me out? Or I can give you the SVG file to work with, if you'd like. :-)
https://1drv.ms/u/s!AlLDS-zrWwoLw04U728u_zqXyEYO?e=aXuSyH
Many, MANY thanks for your assistance! ^_^
I hope someone can help me out soon, 'cause I really want to get this font on the web! ^_^ Wait'll you see it! :-)
Oh, wait, I just learned where the attachment button is! Silly me! ^^;; You should be able to open it in Inkscape yourself.
How do I find it in Inkscape. Very very Newbie...Lucie
I've not used the font editor lately (as I have found it too tidious), but I've been creating fonts in Inkscape combined with FontForge. Maybe this blog post could be of any help http://cutlings.wasbo.net/svg-font-to-ttf/
To Ellen Wasbo:
I'll take a look at that, & see if it helps. :-)
Any other suggestions?
Update:
I tried Ellen Wasbo's suggestion, & I ran into a problem. :-( I got an error message, which I screencapped in the first attached file. However, I don't understand how that could be possible, as the second screencap I attached clearly shows that I have not only saved my glyphs in the SVG Font Editor, but am able to make them appear when I type in the sample text box! Not to mention I still have all of the glyph drawings I made to form the font characters! Why, then, is it not able to be uploaded into anything but a jumbled, screwed-up mess on Glyphrstudio? (See Screencaps 3 & onward..)
(Oh, the images I attached in the last post came out in reverse order! Let me make a correction, then: First consult Screenshot 11, then Screenshot 10, & then Screenshots 9-1.)
So...what should I do, then? (looks around for answers)
Do I see space characters in the that filename? That can cause errors like this. I would also recommend the custom stroke font extension that I use when creating fonts http://cutlings.wasbo.net/custom-stroke-font-how-i-use-it/
Ellen Wasbo:
OK, I'll try those out. :-) Wish me luck! ^_^
Well, at least one of the ideas has worked...for the most part! ^_^ I can now import my SVG font into other font programs! :D But, now, a new problem has arisen: Some of the font glyphs will show up in the character table in one font program, but not show up in another. Here's a couple of screenshots to illustrate this problem.
Also, Ellen Wasbo, I looked at your tutorial for custom font stroke, but when I went to find that Python file in Step 1, I opened it...& it didn't have those 2 lines of text that I need to remove. :-( I have Inkscape 0.92, BTW.
With v0.92 those lines should not be a problem, I think so just leave it. Why some characters are missing might be different issues. Did you use the custom stroke font extension to generate the svg font or the font editor?
To Ellen Wasbo:
I used Inkscape to generate the SVG font. :-) Why do you ask?
Both the custom stroke font extension and the font editor are "using inkscape to generate the font", but I guess that means that you used the font editor. They will probably work a bit different on how the characters are defined. I see the &<> are missing in some of your screen, but then the number 3 is missing in another. I would have looked into the svg font file in a text editor to troubleshoot.
Ellen Wasbo:
Oh, OK! ^_^
Wait...how do I do that, exactly?
Well - I would have opened it in Notepad++ and stared at it having those font svg files I have back in my mind to compare with and look for issues. There might be some clues for you here http://cutlings.wasbo.net/prepare-svg-font-for-hershey-text-and-fontforge/ or you could send me the file and I could try to stare the issue out of it.
To Ellen Wasbo:
Oh, no worries! ^_^ I attached it up there! (points upwards to her first & third posts)
Hope everything works for you! :-)
To Ellen Wasbo:
Oh, BTW, when you've finished inspecting the SVG document, can you please tell me what's causing the problems, & what I can do to fix them? :-) Many, many thanks! ^_^
I tried the staring method and this is what I found:
The missing characters in FontForge is missing because the paths are not closed. Double-clicking the L character in FontForge will show this:
To close it one option is to edit the svg file in a text editor. Add z to those glyph paths that miss it:
<glyphglyph-name="L"
id="glyph932"
unicode="L"
d="m 432.51157,865.55204 c 0,0 35.25312,15.57246 46.56567,23.00558 9.55261,6.27955 12.71305,31.45731 -0.44662,31.44238 L 383.88666,919.89252 289.14055,920 c -13.1597,0.0149 -10.0003,-25.16283 -0.44662,-31.44238 11.31362,-7.43312 46.56671,-23.00541 46.56671,-23.00541 l 0.15098,-525.51495 c 0,0 -59.2702,-36.27345 -57.78994,-49.89445 1.47709,-13.62122 6.18482,-12.79985 16.00007,-12.79985 l 413.01245,1.01239 c -1.84609,-7.17866 56.1377,73.93081 30.58486,95.45982 -20.91944,17.62523 -72.76821,-37.93723 -72.76821,-37.93723 l -231.34268,0.15305 Z" />
The glyphs missing in the other program is all those defined with unicode starting with & ("<", ">" ...). You could try replacing those unicodes with the corresponding hex code and see ift that is accepted. I do not have that software so I cannot test it, but I have had similar issues before. To find the corresponding hex code you can use this web page https://www.compart.com/en/unicode/U+003E. Scroll down and find HTML Entity. The last of the three codes is the one you have per se (>). Try replacing it with the second code > which is the hex code and should work also with FontForge (or just stick with FontForge).
To Ellen Wasbo:
OK, thanks! ^_^ I'll look into all that straightaway! :-)
To Ellen Wasbo:
I tried opening the SVG file in a text editor, but I couldn't find any of the numbers in the string you used in the demonstration. And I can't see any information in the code that looks anything like this:
<glyph
glyph-name="L"
id="glyph932"
unicode="L"
Why does the SVG file not have this information?
The code I pasted is from your attached svg file. So it is there... Search for "L" and you will find it on line number 209
To Ellen Wasbo:
OK, thanks! :-)
To Ellen Wasbo:
OK, I found the code for the "L" glyph, & I fixed that! ^_^ Now, to fix the other two missing glyphs!
To Ellen Wasbo:
It worked! ^_^ Everything's fixed now! :D Thank you VERY MUCH for your help! :-) (big hugs)
Super 😊