its really a wonderful thing...can we create normal fonts from this...also i am looking for an software which can generate fonts online on my website...can u suggest me some or help me out on this...rgds
@wecankrazey Yes you can do normal fonts, but I don't know many details other than there is a kerning tab to handle letter spacing. Sorry but I do not know of any software like what you are asking for.
Nice tutorial ! But I have a problem : when I click on "glyphs", there isn't any list of glyphs. No a, no b, no c... Just the missing glyph :/ Anyone could help me ?
@cocobarracuda you have to use the fontstarter document to see the glyphs. Otherwise you will have to create them yourself. The document is available for download at my web site to make it easy for you
@CleverSomeday Thank you very much for your answer ; I dowloaded the document on your website (well, I assume it is the good one ahah) but this still didn't work (I'm not very good at "informatics", I don't know what I'm supposed to do exactly when I have dowloaded the file ^^') but anyway along with this file on your website was a link to proper documentation, it explained how to add glyphs and I finally managed it all the same !
To avoid accidentally overwriting fontstarter.svg, I saved it in ~/.inkscape/templates (on a Linux machine) and made it read-only for Owner, Group and Others. That way, one is forced to "save as" to another file. This should also work for Mac OS X, due its BSD UNIX heritage, but may not work reliably on Windows, as some versions of Windows blithely ignore file and folder permission settings.
If you are following the instructions exactly then I don't know as it works for me. Thing most people forget is to type the letter in the preview box so it will show up. Still, Inkscape can be quirky. Start a new document and try again.
@NinjaNezumi My tutorial assumes you are starting with a vector. If you are starting with a bitmap then yes you will need to trace bitmap to obtain a vector.
hey i imported an image into Inkscape and tried to make a font by a series of images. i followed your instruction but i just can't align the image and can't match any glyph. why?
Hello Key! Nice tutorial!But I have faced a problem. Letters in a font of different width, therefore distance between letters not always equally. Distance center to center glyphs identical but as letters of different width that distance between signs becomes a miscellaneous depending on width. You could explain as to solve this problem? Sorry for my bad English - I write about online-translator :-)
@my8bit You can adjust the spacing between the letters with the kerning tab. I did not have to do this for a dingbat font, and do not know the details. You could also bring your font into fontforge to clean it up.
@CleverSomeday Thanks for the answer! Now I have understood for what is necessary kerning tab =) I will necessarily try!
I have found other approach. To level letters on the left edge, and to set different parameters horiz-adv-x for glyphs different in width. Anyway tutorial very useful, also it would be magnificent to make yours such not only for dingbat fonts!
thank you very much!
gangulic 1 month ago
hello,
its really a wonderful thing...can we create normal fonts from this...also i am looking for an software which can generate fonts online on my website...can u suggest me some or help me out on this...rgds
wecankrazey 1 month ago
@wecankrazey Yes you can do normal fonts, but I don't know many details other than there is a kerning tab to handle letter spacing. Sorry but I do not know of any software like what you are asking for.
CleverSomeday 1 month ago
Hello !
Nice tutorial ! But I have a problem : when I click on "glyphs", there isn't any list of glyphs. No a, no b, no c... Just the missing glyph :/ Anyone could help me ?
cocobarracuda 2 months ago
@cocobarracuda you have to use the fontstarter document to see the glyphs. Otherwise you will have to create them yourself. The document is available for download at my web site to make it easy for you
CleverSomeday 2 months ago
@CleverSomeday Thank you very much for your answer ; I dowloaded the document on your website (well, I assume it is the good one ahah) but this still didn't work (I'm not very good at "informatics", I don't know what I'm supposed to do exactly when I have dowloaded the file ^^') but anyway along with this file on your website was a link to proper documentation, it explained how to add glyphs and I finally managed it all the same !
So, thank you sooooo much :)
cocobarracuda 2 months ago
To avoid accidentally overwriting fontstarter.svg, I saved it in ~/.inkscape/templates (on a Linux machine) and made it read-only for Owner, Group and Others. That way, one is forced to "save as" to another file. This should also work for Mac OS X, due its BSD UNIX heritage, but may not work reliably on Windows, as some versions of Windows blithely ignore file and folder permission settings.
upajos 3 months ago
If you are following the instructions exactly then I don't know as it works for me. Thing most people forget is to type the letter in the preview box so it will show up. Still, Inkscape can be quirky. Start a new document and try again.
CleverSomeday 10 months ago
@CleverSomeday Actually I had to use the trace bitmap command instead of "Union" command during the initial step.
NinjaNezumi 8 months ago
@NinjaNezumi My tutorial assumes you are starting with a vector. If you are starting with a bitmap then yes you will need to trace bitmap to obtain a vector.
CleverSomeday 8 months ago
hey i imported an image into Inkscape and tried to make a font by a series of images. i followed your instruction but i just can't align the image and can't match any glyph. why?
macariuschan 10 months ago
@macariuschan Are you importing a bitmap? if so you will need to vectorize it first with the trace bitmap command.
CleverSomeday 8 months ago
Use cc and use your own language xD
knexfan12 11 months ago
Got frustrated - before I realised - you need to type - the letter name
Before you can set the glyph from the outline
FontForge is also a brilliant free tool I use
OghamTheBold 11 months ago
Hello Key! Nice tutorial!But I have faced a problem. Letters in a font of different width, therefore distance between letters not always equally. Distance center to center glyphs identical but as letters of different width that distance between signs becomes a miscellaneous depending on width. You could explain as to solve this problem? Sorry for my bad English - I write about online-translator :-)
my8bit 1 year ago
@my8bit You can adjust the spacing between the letters with the kerning tab. I did not have to do this for a dingbat font, and do not know the details. You could also bring your font into fontforge to clean it up.
CleverSomeday 1 year ago
@CleverSomeday Thanks for the answer! Now I have understood for what is necessary kerning tab =) I will necessarily try!
I have found other approach. To level letters on the left edge, and to set different parameters horiz-adv-x for glyphs different in width. Anyway tutorial very useful, also it would be magnificent to make yours such not only for dingbat fonts!
my8bit 1 year ago
@my8bit you can adjust the spacing between letters by pressing:
''ALT'' key & the LEFT ARROW key (or RIGHT ARROW key) to adjust the letters to the right or left;
also you can rotate each letter individually by pressing:
''ALT'' key & the '' [ '' key OR ''ALT'' key & the '' ] '' key to rotate each letter clockwise or counter-clockwise respectively.
adding a ''SHIFT'' key to each of the steps above will move each letter in the desired direction by bigger steps/angles.
melovemusic7 10 months ago
I appreciate your excellent tutorial. Thanks a bunch, cheers!!
homegrownart 1 year ago
Very cool video Kay and I see you're using Screen Flow like a pro!
ScrappyDewCreations 1 year ago
Thanks, I saw a step I missed when I did it from the written tutorial.
Super nice job.
papasueful 1 year ago
This is an awesome video - it is so much easier for me to understand now that I have seen it in action!!! Thanks SO much!!!
stackyscraps 1 year ago