Transcription Kay Hall 2010, all rights reservedHow to Make a Dingbat Font with Inkscape1. Open the template fontstarter.svg and if you do not see the SVG Font Editor paletteon the right hand side of your screen go to the Text menu and choose SVG FontEditor (If you do not have that menu item then you need to install Inkscape .47) 2. Choose File Save as. and give the file a name and location you can easily find.3. Place an image that you would like to use as a font character “a” on the document byeither drawing it, importing another svg or copying and pasting it from anotherInkscape document. (Note that these must be vector elements. If you want to use abitmapped image such as a .jpg, .gif or .png you will have to autotrace it first.)1 of 7 Kay Hall 2010, all rights reserved4. Size the character to fill most of the page and center it. (if characters need to be inproportion to each other you need to size them together). Keep the characterselected or select it now.5. Select the Glyphs tab on the SVG Editor palette if it is not already selected. Click onthe label “font1” and then click on “glyph” 1 so that line is highlighted. 2 of 7 Kay Hall 2010, all rights reserved6. Click the “Get curves from selection.” button. You should see your characterappear in the preview text area. If it is not, then make sure the letter a is in thePreview Text input box.7. Move the character off the page out of the way.8. Repeat steps 3 through 7 using each successive glyph slot until all your charactersare added. 3 of 7 Kay Hall 2010, all rights reserved9. Pick a character you would like to use to fill in the blank characters in the font,perhaps your logo or initials. Place it on the page as with previous glyphs and pressthe Missing Glyph: From selection button. 10. The Missing Glyph will fill in the slots where no glyph has been created. If you wantto delete existing glyphs slots for which you do not have a character assigned, clickon the empty glyph number, right click and select remove. 4 of 7 Kay Hall 2010, all rights reserved11. To name your font, double click on the font name (default font1) in the right handcolumn of the SVG Font Editor and type in a name for your font.Tip: Start the font name with an uppercase letter for ease of use in Sure-Cuts-A-Lot. 12. Click on the Global Settings tab and double click in the Family Name box (defaultSVGFont 1) and type in a name for your font family (for dingbats this will normallybe the same as the font name you used in step x) 13. (optional) To change the internal name of the font (recommended for SCAL users):Click the XML Editor button to open the XML Editing window. Click on the rightfacing arrow next to svg:defs. to expand the code. Highlight the line that begins“ svg:font id.” 5 of 7 Kay Hall 2010, all rights reservedIn the top right hand pane select the Attribute line for id. In the bottom right hand box,type in the new name for your font and click the set button. Close the XML Editor. 14. Save the file. It will be a normal SVG file.15. Go to and click on the Browse button. Navigateto the SVG file you created. Click the “Convert” button. 6 of 7 Kay Hall 2010, all rights reserved16. You will now see a pulldown menu. Select .ttf as the “convert to:” format.17. Click the “Convert” button again.18. Online Font Converter will return a zipped file to you named “” Unzip thefile if your computer does not do this automatically.Important Note: If the archive does not unzip properly, download and use StuffitExpander. It can be downloaded .htmlAdditional notes For purposes of this tutorial, a glyph is an individual character in a font, be it a letter,number, punctuation mark, ligature, picture or symbol. To create a standard font (not dingbats) you would need to adjust other metrics suchas kerning. This can be done in Inkscape but is out of scope for this tutorial. The process to add glyphs and designate characters to them is buggy and tedious.That is why I am providing the fontstarter.svg instead of explaining the steps. If youwould like the steps, please see the Inkscape .47 release notes. (This is the onlydocumentation I found for the font making features of Inkscape.) Please let me know if you create an original font for diecutting so I can post a link to it. Special thanks to Denise for providing the images for this tutorial. Visit her blog here.Denise also test drove the tutorial and offers these helpful tips for making a font withlots of characters:Get all your images into the SVG file first. I organized them in rows of 6. Then I typedthe letters that were going to be associated with those 6 glyphs the Preview Text box(at the bottom of SVG Font Editor Palette). I scrolled those letters to the top of theSVG Font Editor Glyph window. I then did steps 4-7 for those 6 characters, butinstead of dragging them onto the page I copied and pasted a duplicate, then deletedit when I was done. This helped me keep track of where I was in the alphabet.7 of 7

How to Make a Dingbat Font with Inkscape 1. Open the template fontstarter.svg and if you do not see the SVG Font Editor palette on the right hand si