Internet, Networking, & Security Web Development How to Create Your Own Fonts Using Inkscape and Icomoon Make your own custom fonts for free by Ian Pullen Writer Ian Pullen is a former Lifewire writer and an experienced graphic designer and web developer with a strong interest in free and open-source graphics software. our editorial process LinkedIn Ian Pullen Updated on May 26, 2020 Web Development Web Design CSS & HTML SQL Tweet Share Email Creating personalized fonts doesn't require expensive software or great artistic abilities. It's possible to make custom fonts using Inkscape and IcoMoon, two free programs that work on any computer. Instructions in this article apply to Inkscape version 0.92.4 for Windows, Mac, and Linux. What You Need to Create Custom Fonts Inkscape is a free and open source graphics program for Windows, Mac, and Linux. IcoMoon is a website that lets you upload your own SVG graphics and convert them to fonts for free. Inkscape must be downloaded and installed while IcoMoon works in any web browser. Neither program requires you to provide your email or any other personal information. Aside from the software, you'll need a photo of some drawn letters. If you are going to create your own, use a dark color ink and white paper for strong contrast and photograph the completed letters in good lighting. Also, try to avoid any closed spaces in letters, such as the letter "O," as they will make things more complicated when preparing your traced letters. If you don't want to draw your own letters, you can find free images of the alphabet online. Make sure it includes all of the characters you want to use including capital and lowercase letters A-Z. You can also draw your letters directly in Inkscape. This might work especially well if you use a drawing tablet. Mecaleha / Getty Images How to Create Your Own Fonts To make custom fonts with Inkscape and Icomoon: Open Inkscape and go to File > Import. Choose your image and select Open. Make sure Embed is selected next to Image Import Type, then select OK. If the image appears too small or large in the window, go to View > Zoom > Zoom 1:1 to adjust the view. To resize the image, click on it to display arrow handles at each corner, then drag one of the handles while holding the Ctrl or Command key to retain the original proportions. Click on the photo to ensure that it's selected and then go to Path > Trace Bitmap to open the Trace Bitmap dialog. Check the box beside Live Preview to see what the final product will look like. Adjust the settings to your liking, or keep the defaults and select OK. If using a photo of a drawing, you may find it easier to shoot your photo again with better lighting to produce an image with stronger contrast. When the tracing is completed, the letters will appear directly over the photo. Click on the photo image and drag it to the side to separate the two layers, then press Delete on your keyboard to remove it from the document. You'll be left with just the outlines of the letters. Go to Path > Break Apart to split the letters into individual elements. Some individual letters may be split into multiple elements. To group these elements together, draw a box around them with the Select tool, then go to Object > Group. Each letter should be its own single element, so it may be a good idea to do this for each character. Go to File > Document Properties. Set the Width and Height to 500px. Drag all of your letters outside of the page edges. Drag the first letter onto the page, and then drag the handles to resize the letter so that it takes up most of the page. Remember to hold Ctrl or Command to maintain the original proportions. Go to File > Save As. Give the file a meaningful name and select Save. Make sure to save the file in the plain .svg format. Move or delete the first letter, then place the second letter onto the page and repeat the process until each letter is saved as an individual .svg file. Open Icomoon in a web browser, then select Import Icons. Choose the first letter in your custom font set and select Open. Importing multiple files at once can cause Icomoon to crash, so it's best to upload them one by one. As you upload each character, it will appear on the page. Once you've uploaded them all, click on each one to highlight it and select Generate Font in the bottom-right corner. Select the pencil at the top of the page to further edit individual characters. Assign each letter to a unicode character. Click in the right side of the field under each .svg file and type the character you want to associate with it. Icomoon will automatically detect the appropriate hexadecimal code. When finished, select Download. Your set will be saved as a TrueType font (.ttf) file inside a .zip file. You can now import your font into Microsoft Word and other programs.