Help & Support

Welcome to the GlyphSmith help center. Here you'll find guides to get you started and answers to common questions.

Basic Workflow

1. Importing Glyphs

You can drag and drop SVG files directly into the left sidebar. GlyphSmith will automatically try to detect the character from the filename (e.g., "A.svg" becomes "A"). You can also use the Import button or press ⌘I.

View all supported filename mappings

GlyphSmith recognizes the following filename patterns. Single characters (A-Z, a-z, 0-9) are detected automatically. For special characters, use the names below.

Numbers

`zero`	0
`one`	1
`two`	2
`three`	3
`four`	4
`five`	5
`six`	6
`seven`	7
`eight`	8
`nine`	9

Punctuation & Symbols

`space`	(space)
`exclam`	!
`quotedbl`	"
`numbersign` or `hash`	#
`dollar`	$
`percent`	%
`ampersand`	&
`quotesingle`	'
`parenleft`	(
`parenright`	)
`asterisk`	*
`plus`	+
`comma`	,
`hyphen` or `minus`	-
`period` or `dot`	.
`slash`	/
`colon`	:
`semicolon`	;
`less`	<
`equal`	=
`greater`	>
`question`	?
`at`	@
`bracketleft`	[
`backslash`	\
`bracketright`	]
`asciicircum`	^
`underscore`	_
`grave`	`
`braceleft`	{
`bar` or `pipe`	\|
`braceright`	}
`asciitilde` or `tilde`	~

Extended Latin & Currency

`exclamdown`	¡
`cent`	¢
`sterling`	£
`currency`	¤
`yen`	¥
`euro`	€
`brokenbar`	¦
`section`	§
`copyright`	©
`registered`	®
`trademark`	™
`degree`	°
`plusminus`	±
`multiply`	×
`paragraph`	¶
`bullet`	•
`ellipsis`	…
`guillemotleft`	«
`guillemotright`	»
`questiondown`	¿
`onequarter`	¼
`onehalf`	½
`threequarters`	¾
`onesuperior`	¹
`twosuperior`	²
`threesuperior`	³
`ordfeminine`	ª
`ordmasculine`	º

Accented Characters (Lowercase)

`agrave`	à
`aacute`	á
`acircumflex`	â
`atilde`	ã
`adieresis`	ä
`aring`	å
`ae`	æ
`ccedilla`	ç
`egrave`	è
`eacute`	é
`ecircumflex`	ê
`edieresis`	ë
`igrave`	ì
`iacute`	í
`icircumflex`	î
`idieresis`	ï
`eth`	ð
`ntilde`	ñ
`ograve`	ò
`oacute`	ó
`ocircumflex`	ô
`otilde`	õ
`odieresis`	ö
`oslash`	ø
`ugrave`	ù
`uacute`	ú
`ucircumflex`	û
`udieresis`	ü
`yacute`	ý
`thorn`	þ
`germandbls`	ß

Accented Characters (Uppercase)

`Agrave`	À
`Aacute`	Á
`Acircumflex`	Â
`Atilde`	Ã
`Adieresis`	Ä
`Aring`	Å
`AE`	Æ
`Ccedilla`	Ç
`Egrave`	È
`Eacute`	É
`Ecircumflex`	Ê
`Edieresis`	Ë
`Igrave`	Ì
`Iacute`	Í
`Icircumflex`	Î
`Idieresis`	Ï
`Eth`	Ð
`Ntilde`	Ñ
`Ograve`	Ò
`Oacute`	Ó
`Ocircumflex`	Ô
`Otilde`	Õ
`Odieresis`	Ö
`Oslash`	Ø
`Ugrave`	Ù
`Uacute`	Ú
`Ucircumflex`	Û
`Udieresis`	Ü
`Yacute`	Ý
`Thorn`	Þ

Unicode Hex Patterns

You can also use Unicode hex codes in filenames:

u+0041.svg → A
uni0041.svg → A

2. Adjusting Metrics

Select a glyph from the sidebar to open it in the editor. Use the guidelines to adjust the positioning. The metrics panel allows you to fine-tune the advance width and side bearings for each glyph.

3. Kerning

Switch to the Kerning view to adjust the spacing between specific pairs of characters. You can drag the characters to adjust their spacing visually, or type in values for precision.

4. Exporting Your Font

Once you're happy with your glyphs, click the "Export" button in the toolbar or press ⌘E. You can choose to export as OTF, TTF, WOFF, or WOFF2.

Frequently Asked Questions

What SVG features are supported?

GlyphSmith supports standard SVG paths. Complex features like gradients, masks, or embedded images are ignored as they cannot be represented in a standard font file. We recommend converting all strokes to paths before importing.

Can I edit the vector paths inside GlyphSmith?

Currently, GlyphSmith is designed for assembling and spacing fonts. You should create and edit your vector shapes in a dedicated vector editor like Adobe Illustrator, Affinity Designer, or Inkscape, and then import them into GlyphSmith.

What are the limitations of the trial version?

The free trial allows you to use all features of the app but is limited to projects with up to 10 glyphs. To create larger fonts, you'll need to purchase a license.

Contact Support

If you couldn't find the answer you were looking for, or if you've encountered a bug, please don't hesitate to contact us.

Email: support@glyphsmith.app