Accéder au contenu principal

FontCreator Tutorials

Import Vector Artwork: SVG, EPS, AI & Illustrator to Font

written by Erwin Denissen, published June 25, 2026

If your artwork is already vector — an SVG, an Illustrator or Inkscape drawing, an EPS, AI or PDF — don't trace it. FontCreator imports the paths directly, which is faster than auto-tracing a raster image and gives you cleaner contours with far fewer points. This guide covers importing vector files, pasting straight from a vector editor, and the one preparation step that makes the difference between a perfect import and a broken one.

You'll need: FontCreator (Windows and macOS), and vector artwork — an SVG, EPS, AI or PDF file, or a drawing open in Adobe Illustrator, Inkscape or Affinity Designer.

Vector or raster — pick the right import

FontCreator has two separate import paths, and using the wrong one wastes effort:

  • Vector source (SVG, EPS, AI, PDF, or anything you can copy from a vector editor) → import it as outlines, covered here. You keep crisp curves and minimal points.
  • Raster source (a scan, a photo, a signature, a PNG/JPG) → auto-trace it instead. See Create a Font from an Image.

If you have a vector file, importing it directly always beats exporting it to a bitmap and tracing that back.

Before you import: convert strokes to outlines

This is the single most important step. FontCreator imports only the bare closed paths — it ignores strokes, fills, gradients and text, and it automatically closes any open paths. So a design whose thickness comes from a stroke (a line with a weight, an outlined rectangle) imports wrong: the thickness disappears, thin lines become useless two-point contours and get discarded, and gaps drawn with a stroked path close up.

The fix is to turn every stroke into a filled shape before importing:

  1. In Adobe Illustrator: select all objects, then Object → Path → Outline Stroke.
  2. In Inkscape: select all, then Path → Stroke to Path.
  3. In Affinity Designer: select all, then Layer → Expand Stroke.

Also convert any live text to outlines, and flatten/expand gradients or effects to plain shapes — only the resulting closed paths will come across.

> Watch out: if, after outlining strokes, the shape looks distorted or loses fine detail, scale the artwork up in the vector editor first, then outline the strokes. Working larger preserves small features.

Import a vector file

Vector and raster files use the same command — there's no separate "Import Vector Image" menu item. Open the glyph you want to draw into, then import the file:

  1. Run Tools → Import Artwork…. (The toolbar button reads "Import Image" and the right-click entry "Import Image…", so look for either if the menu item is hard to spot.) Choose your .svg, .eps, .ai, .ps, .pdf or .glif file — FontCreator recognises the vector formats automatically and imports them as outlines rather than tracing them.
  2. FontCreator extracts the closed paths and drops them into the glyph as contours.
  3. Inspect the result — count the contours and points and confirm the shape is intact.

> Tip — import a whole alphabet at once. You can drag several image files from Windows Explorer straight onto the Font Overview; they import in sequence, each following the glyph you drop it onto. PDF files import as vectors, so a 26-letter set imports in seconds with far fewer nodes than bitmaps would produce.

Or paste straight from your vector editor

You don't have to save a file at all. FontCreator exchanges vector outlines with Illustrator, Inkscape, Affinity Designer and Photoshop by copy and paste:

  1. In the vector editor, select your (stroke-outlined) artwork and copy it.
  2. In FontCreator, open the target glyph and paste.

The pasted outlines arrive at a size driven by your import settings — set those once and every paste lands consistently (next section).

Set the import size and origin (once)

There's no import-time sizing pop-up. Vector imports are sized by a single setting you configure ahead of time:

  1. Open Options → Exchange tab.
  2. In the group Vector Based Images (EPS, AI, PDF, SVG), set Pixels per em (default 512) — this is the scale every vector import is mapped to, so set it to your font's units per em for a 1:1 import.
  3. Use Origin X and Origin Y to control where the artwork lands, and tick Move imported outlines to origin (0,0) if you want every import snapped to the baseline/left edge automatically.

Set this once and all your letters import at the same size and sit on the baseline the same way — no per-glyph fiddling, and a period . won't come in as large as an @. (The same Exchange page also has a Preferred outline format for paste exchange.)

After importing: clean up

Imported vector paths are real, editable contours, but give them a quick pass:

  • Overlapping paths can fill incorrectly (holes filled in, or counters lost). Run a Remove Overlap / union pass, and check that outer contours and inner counters run in opposite directions.
  • Curve format: most vector editors use cubic Bézier curves; FontCreator converts imported outlines to the format set in your export settings (quadratic for TrueType, cubic for PostScript/CFF). Expect a few extra points after a cubic-to-quadratic conversion.
  • Point count: vector imports are already lean, but remove any redundant on-curve points and set extremes where needed.

> Note: strokes that you forgot to outline can't be recovered after import — go back to the vector editor, outline the strokes, and re-import.

Troubleshooting

SymptomCauseFix
Thickness gone, shape looks like a thin skeletonStrokes weren't outlined; FontCreator dropped themOutline Stroke / Stroke to Path in the editor, re-import
Thin lines vanished entirelyOpen paths became 2-point contours and were discardedOutline the strokes so they become closed shapes
A deliberate gap closed upThe gap was drawn with a stroked open pathOutline strokes first; build gaps from closed shapes
Counters filled in / holes solidOverlapping paths or wrong contour directionsRemove Overlap; reverse inner-contour direction
Glyph imports tiny (or huge)Pixels per em doesn't match your units per emSet Pixels per em in Options → Exchange to your font's units per em, or scale to fit
Letters don't sit on the baselineOrigin not set, or artwork positioned inconsistentlyTick "Move imported outlines to origin (0,0)" in Options → Exchange, and align each glyph the same way in its artboard
Curves look slightly off / extra pointsCubic→quadratic conversion on importNormal; tidy points, set extremes

Frequently asked questions

Can FontCreator import SVG files? Yes. FontCreator imports vector artwork including SVG, EPS, AI and PDF as editable glyph contours. Outline any strokes in your vector editor first so thickness isn't lost.

Does FontCreator import strokes, fills and gradients? No — it extracts only the closed paths and ignores strokes, fills, gradients and live text. Convert strokes to outlines (and text to outlines) before importing.

Can I copy and paste from Adobe Illustrator? Yes. You can copy vector artwork in Illustrator, Inkscape, Affinity Designer or Photoshop and paste it straight into a glyph in FontCreator, no file export needed.

How do I turn an SVG (or a set of SVGs) into a font? Import each SVG into the matching glyph (or drag a folder of vector files onto the Font Overview to import a whole set in sequence), clean up overlaps, set the metrics, then export to TTF/OTF/WOFF. See Export a Font.

Vector or auto-trace — which is better? If your source is vector, import it directly: it's faster and gives cleaner contours with fewer points. Auto-tracing is for raster sources like scans and photos.

Can I get an outline back out as SVG? Yes — to send a glyph's outlines back to a vector editor, use Tools → Save as SVG…, which exports the selected glyph as an SVG outline file. (Don't confuse this with the glyph editor's "Load SVG…" colour-SVG feature, which is for building SVG colour fonts — a different job entirely.)

What to read next