Video: Make a font in Inkscape

March 27, 2010 at 2:35 pm 22 comments

By popular demand, a video on how to create your own TrueType font with Inkscape.

Written instructions, files and more information here.

Entry filed under: Computer Crafts, Digital Scrapbooking. Tags: , , , , .

Generate custom hi-rez digipapers Video: Text on a path in SCAL 2

22 Comments Add your own

  • 1. Sabra  |  March 29, 2010 at 11:47 pm

    You are really quite amazing!! So intelligent. I have a stupid question though. What is the benefit to having these as a font versus just an SVG of those designs for MTC or SCAL?

    Reply
    • 2. Kay  |  March 30, 2010 at 12:25 pm

      Personal preference, really. A dingbat font is an easy way to have dozens of related images together in one file and in a convenient form. I have been using dingbat fonts for years so it is a natural for me. In the case of SCAL or MTC is so easy to open a font and see all the thumbnails and then just click the button to put it on the mat. Also allows you to easily use your cutting images in other programs such as MSWord or Photoshop.

      Reply
  • 3. chasity  |  March 31, 2010 at 1:15 pm

    Hi thank u for all your wonderful info u give . I have a question about inkscape. I have it. When I watch your videos you have a paint bucket with yours but I dont seem to have a paint bucket.(or i cant seem to find it) do u know why? Im new to all of this. Thanks for your help Chasity

    Reply
    • 4. Kay  |  March 31, 2010 at 2:42 pm

      Chasity,
      If you don’t see the Paint Bucket it is because your window isn’t large enough to see all the toolbar icons. Click the little continuation arrow at the bottom of the toolbar to reach the tools that aren’t displayed.

      Reply
  • 5. Creando tipografias con inkscape | cursorlibre.com  |  April 4, 2010 at 11:00 pm

    […] la capacidad que tenia inkscape para la creación de tipografias, pero gracias al tutorial de cleversomeday podemos descubrir este […]

    Reply
  • 6. Aleksoft  |  January 21, 2011 at 6:35 am

    Hello

    I have a problem I made a one letter in Illustrator, I save her in . svg, but after Import into Inkscape and click on Get curves from selection does not shows me a graph / letter.

    What is the problem?

    (Sorry for my bad English)

    Reply
    • 7. Kay  |  January 21, 2011 at 2:55 pm

      Hi Aleks,
      Make sure the character you made is part of the sample string. It starts out as “Sample Text” so a 1 or a b won’t show up. Good luck!

      Reply
  • 8. 10 of the Best Font Tutorials Around | webexpedition18  |  February 17, 2011 at 2:11 am

    […] based in Minneapolis. This 9-step tutorial walks you through the process of making your own font.Make a Font in InkscapeOpen source junkies will want to know how to make their own font using Inkscape. This great video […]

    Reply
  • 9. Make a font in inkscape | manoftherambla  |  November 3, 2011 at 2:53 pm

    […] https://cleversomeday.wordpress.com/2010/03/27/video-make-a-font-in-inkscape/ Like this:LikeBe the first to like this post. This entry was posted in Uncategorized and tagged font, inkscape. Bookmark the permalink. ← Publish strightly from gimp or inkscape to devianart […]

    Reply
  • 10. Pete  |  November 10, 2011 at 3:00 pm

    Very nice, thanks! I was wondering if while you’re doing what you’re doing in Inkscape, you need to/can specify kerning data, or in other words, for every letter pair (e.g., aa, ab, ac,…ba, bb, bc …) the font must have to specify how much space to put between the letters for each possible combination, except for monospaced fonts like courier, right?

    If it were simply you needing to place your glyph in your template’s square in the right position, that would be easy, but I could swear I’ve seen fonts in which, for instance, the tail of the ‘y’ will actually get under the preceding letter, or the ‘o’ being under the preceding ‘T’ in some cases, or ‘e’ going under a preceding ‘V’ for instance, so it does seem like you need to specify nitty-gritty kerning data for each possible letter combination.

    Reply
    • 11. Kay  |  November 10, 2011 at 5:36 pm

      Pete,
      You may want to explore the kerning tab in the SVG Font Editor as it appears this is supported or at least planned for. I have been unable to find any documentation on this and didn’t need it to make dingbat fonts.

      Reply
  • 12. dany  |  November 21, 2011 at 12:57 pm

    Hi,I have big problem.When I click on ‘Get curves from selection’ button I get error,’The selected object does not have a path description’.I have done everything like is in the video,but nothing happend.I import svg object,then when I choose ‘Union’ from path menu I get error ‘One of the objects is not a path,cannot perform boolean operation’.Thanks in advance.

    Dany

    Reply
    • 13. Kay  |  November 21, 2011 at 10:06 pm

      Dany,
      When you click to select the imported svg, the infobar at the bottom of the screen should read “path”(not group or ellipse or rectangle or clipped path or anything else). If it doesn’t you will need to ungroup, release clips, path>object to path or whatever is indicated until it says only path. Once it is a path, the rest of the process should work properly.

      Reply
  • 14. Chris  |  March 19, 2013 at 5:17 am

    Hi, Can anyone think of a reason I cannot set the Glyph to be “\f000”. Assigning my image to “a” works fine but I want my Glyphs assigned \f000, \f001 etc. I have seen this done on other sites so know it must be possible. Oh and in the Inkscape preview it works

    Reply
    • 15. Alex Walker (@alexmwalker)  |  April 9, 2013 at 10:39 pm

      Chris, I’m doing something similar now. I’m not sure if you figured it out, but it seems to work best if you simply copy and paste the unicode character directly into the matching string field.

      Reply
  • 16. user0011  |  May 31, 2014 at 11:20 am

    Great tutorial! Do you know of a way to make fonts like this in multiple colors? Thanks

    Reply
  • 17. alexandreszolnoky  |  April 1, 2015 at 10:30 am

    Hi, I loved your tutorial, and i’m making my own font using it. I’ve been looking for this kind of informantion for weeks, and I was glad to find your blog.
    I’m having a problem, tough. I scanned my hand written alphabet, but when I set the glyph it doesn’t show in the preview (when I capture the curve selection). I tried many times, but i can’t set the font. I have everything in curves, and i really don’t know what to do.
    Thank you! I loved you blog and I am following it.

    Reply
    • 18. alexandreszolnoky  |  April 1, 2015 at 10:33 am

      ow sorry i read the question 13 and I will try from that info. Thanks!

      Reply
  • 20. Jessica  |  January 27, 2016 at 3:42 pm

    Hi! Thanks so much for your video. I am trying to make a font using Inkscape, but not a dingbat font, just a regular font (from my own handwriting and letter designs). However, when I do it, the letters are extremely spaced really wide and the font looks silly because of the spacing between each letter. Do you know anything about kerning in the Inkscape font editor or how to get the spacing correct? I can seem to get it right for the first few letters and then it starts getting farther and farther apart. But if I change the width to make the current letters spaced properly, it then puts everything I already did at the beginning too close together! Any advice would be most helpful. Thank you!

    Reply
    • 21. Kay  |  January 27, 2016 at 8:13 pm

      Hi Jessica. It’s been almost 6 years since I made this video and I still don’t have any info on how the kerning is supposed to work, unfortunately. My guess is that the feature was never finished in Inkscape and is obviously low priority. Best bet is to export your SVG font to Font Forge or some other well documented app where you can adjust the spacing.

      Reply
      • 22. Jessica Rigdon  |  January 27, 2016 at 8:21 pm

        Thank you so very much for your reply! I will try Font Forge. I thought I was crazy, because I spent hours and hours trying to figure it out and it did seem that certain features were never finished. Anyways, thank you so much :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 6,081 other followers

Follow me on Twitter

Archives

Cricut and Sure Cuts A Lot Top 40
Silhouette Top 40
Sure Cuts A Lot Top 40
Make The Cut Top 40

Disclaimer

Posts on this blog may include affiliate links which reward me for purchases you make from here. This allows me to defray the cost of providing this blog to you. Though there is sometimes a financial incentive for me to recommend products and services you can trust me to only steer you towards those I personally use and am satisfied with.

Follow

Get every new post delivered to your Inbox.

Join 6,081 other followers

%d bloggers like this: