Video: Make a font in Inkscape

March 27, 2010 at 2:35 pm 16 comments

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

Written instructions, files and more information here.

About these ads

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

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

16 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

    [...] http://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

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 3,603 other followers

Follow me on Twitter

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

Follow

Get every new post delivered to your Inbox.

Join 3,603 other followers

%d bloggers like this: