Import Vector Image

<< Click to Display Table of Contents >>

Navigation:  Editing Fonts > Tools > Import Images >

Import Vector Image

Import Image can be selected from the Tools menu when you have activated a Glyph Edit window or it can be selected from the context menu after right-clicking in the window. When you open a vector based image file, the file will be instantly imported.

In vector based image editing software you can use all kinds of objects to create your images. Such objects can be paths, lines, shapes, text, etc. That's not it, as you can also apply specific strokes to each of these objects. These strokes control thickness, how segments join, and the appearance of both ends of an open path. There are numerous other capabilities like fill objects, gradients, etc.

FontCreator can only extract the bare paths, thus completely ignores the strokes, fills, etc. And since glyphs can only consist of closed contours, all open paths are automatically closed.

 

Tip: FontCreator allows you to copy and paste vector based artwork from several applications. Although this might change, we were able to paste from Adobe Illustrator, Adobe Photoshop, Inkscape, and Affinity Designer.

Importing Scalable Vector Graphics (SVG)

FontCreator supports path, rectangle, circle, and ellipse, so no text, fills, gradients, etc.

 

On importing a SVG, FontCreator will also correct contour directions. If for some reason the glyph outline seems wrong, do ensure your original SVG doesn't contain overlapping paths.

Importing from Inkscape

For best results do ensure all strokes are converted to closed paths within Inkscape:

- select all objects

- select Ungroup from the Object menu

- again select Ungroup from the Object menu as some groups might reside in other groups, etc.

- select Stroke to Path from the Path menu

 

 

Then copy and paste that image in FontCreator.

 

Importing from Adobe Illustrator

Here is a logo created with Adobe Illustrator. It contains four lines and a rectangle with two rounded corners and a gap at the lower right. All of these objects contain strokes to give them thickness.

When imported into FontCreator, the result is not as intended as the strokes are not imported, thus the thickness of the objects is stripped off. The lines are all discarded as contours with only two points are useless. The rectangle is imported but the gap is no longer there.

 

One easy step ensures our vector image can be safely imported into FontCreator. In Adobe Illustrator, select all objects, then from the main menu select Object -> Path -> Outline Stroke. The result is shown here:

When we import this version of the vector image the result is a perfect fit!

5 contours with 44 points is the final result.

 

Tip: It is also best to immediately resize the imported contours right after you've pasted them into FontCreator. The "Add on-curve extremes" feature will round the coordinates to whole integers, so always do this after you've made sure the size of the imported contours is correct.

Tip: You can also paste an image from the clipboard or drag and drop image(s) from explorer into the Font Overview and Glyph Edit windows.

Note: You can't import images into composite glyphs. If you want to include more contours, then you need to add them to another glyph and add it as glyph member, or convert the glyph to a simple glyph.