Add a
custom glyph

press enter to add

Need a
bigger grid?

Go Premium

General FAQ

To install and use your font, download the font using the "download" button. Unzip and open the downloaded file. In the "fonts" folder you will find a file with a .ttf extension. Double clicking the font will install it on your computer. To use it on the web, consult the developer FAQ coming soon.

Fonts can contain a large number of icons at a much smaller filesize.The icons are fully scalable and fully editable by developers (color, size, weight).

To create your own fonts! Glyphter allows you to take SVG files and map them to a character grid. You can then output and use your font anywhere.

An SVG is a Scalable Vector Graphic. Unlike pixel based graphics, SVGs can be scaled infinitely.

Click the floppy disk icon in the navigation bar to save your font. If you are not logged in, you will be prompted you to do so.

Click in the text field in the navigation bar with the placeholder text 'Untitled Font'. Enter the name of your font and click save.

The different folders host files necessary to host and use your font on the web. If you only want to use the font on your machine you can install the font by opening the .ttf file.

These are optional superuser settings that change the general appearance of your outputted font (alignment, etc). You can also change the class prefix for use on the web.

Simply drag icons from the shelf and drop them onto the grid to map them to characters in your font. You can change the icon selection using the side arrows in the shelf or click the menu icon to browse all icon sets. The search entry allows you to easily find icons.

This shelf allows you to assign a CSS class name for use on the web. It also allows you to edit glyph paths on the fly. Click the path in the shelf to select it, then use the tool buttons to move it around, scale it, delete it etc. (more details coming soon)


Glyphter Premium Questions

Drag & drop an SVG onto the gridclose tooltip icon
It's FREE, just click the download arrowclose tooltip icon