How to Create a Font

This wikiHow teaches you how to create your own font using an online service called 'Calligraphr'. The service is free to use, and will allow you to create a font of up to 75 characters. With a free account, you can only create one font at...

Part 1 of 4:

Downloading the Template

  1. Picture 1 of How to Create a Font
    Go to https://www.calligraphr.com/ in your browser. This is the website for Calligraphr. Here you will need to create an account.
  2. Picture 2 of How to Create a Font
    Create a free account. You don't need to pay to use Calligraphr, but you do need to create an account using your email address and a password. To do so:
    1. Click Get started free at the top of the page.
    2. Enter your email address in the "Email" field.
    3. Enter a password in the "Password" field.
    4. Re-enter the password in the "Password confirmation" field.
    5. Check the "I agree to the Terms and Conditions" box.
    6. Click SUBMIT
  3. Picture 3 of How to Create a Font
    Confirm your email address. Open the inbox for the email address that you used to create your account, then open the email from "Calligraphr" and click the link in the email's body. This will take you back to the Calligraphr main page.
    1. If you don't see the email marked "Confirm your account" from Calligraphr, check the Spam or Junk folder in your email.
  4. Picture 4 of How to Create a Font
    Click START APP. It's a purple button in the upper-right side of the page.
  5. Picture 5 of How to Create a Font
    Click TEMPLATES. This heading is in the upper-left side of the page.
  6. Picture 6 of How to Create a Font
    Select a language preset. Click one of the options on the left side of the page, then make sure that you like the preset by reviewing it in the middle of the page.
    1. The free version of Calligraphr allows for up to 75 characters. If you choose Minimal English, you'll be able to create the whole alphabet and some special characters.
  7. Picture 7 of How to Create a Font
    Click Download Template. It's in the upper-right corner of the page.
  8. Picture 8 of How to Create a Font
    Click the checkboxes next to "PNG" and "Characters as background" boxes. These options will both ensure that your template is downloaded in the correct format.
  9. Picture 9 of How to Create a Font
    Click DOWNLOAD. It's in the bottom-right corner of the window.
  10. Picture 10 of How to Create a Font
    Click the download link. This link is to the right of the "Download your template" line at the top of the window. The template will download onto your computer; when it finishes downloading, you can proceed with editing it.
    1. If clicking the download link opens the template in a new window or tab, open the window or tab and right-click the template image. Click Save as. Then select a folder on your computer, and click Save.
    2. If you don't want to edit your font using your computer's software, you can print the template, draw the font by hand using a Sharpie, and then scan the font back into your computer as a PNG file later.
Part 2 of 4:

Editing the Template on Windows

  1. Picture 11 of How to Create a Font
    Unzip the template's folder. Skip this step if your template downloaded as a single PNG file. To unzip the folder, double-click it, then do the following:
    1. Click the Extract tab.
    2. Click Extract all
    3. Click Extract
  2. Picture 12 of How to Create a Font
    Select the template. Click the template that you want to edit to do so.
    1. If you downloaded a folder with multiple templates, you might want to open the selected template to make sure that it's the right one before you proceed.
    2. The "Template 1" option is usually the A-Z, 0-9 template.
  3. Picture 13 of How to Create a Font
    Click the Home tab. It's in the upper-left side of the window. A toolbar will appear near the top of the window.
  4. Picture 14 of How to Create a Font
    Click the Open drop-down arrow. This downward-facing arrow
    Picture 15 of How to Create a Font
    is to the right of the Open button in the "Open" section of the toolbar. A drop-down menu will appear.
  5. Picture 16 of How to Create a Font
    Click an image editing program and click Ok. Select any image editing program you have installed on your computer and click Ok to open the template in an image editing program of your choice. You can use MS Paint, Paint 3D, Photoshop, GIMP, Adobe Illustrator, Inkscape, Coral Draw, or another program.
  6. Picture 17 of How to Create a Font
    Draw each character within the labeled boxes. Use the pen, pencil, or brush tool of your image editing software to draw your own characters over the characters in the template. Try to make each character about the same size as the characters in the template.
    1. If you have a stylus and a pad, use them instead of the mouse. You may have to open your template in a different program to do so.
    2. In most image editing programs, you can undo a mistake by pressing Ctrl+Z.
    3. If you are using a program that supports multiple layers, it is recommended that you draw your characters on a separate layer from the template.
  7. Picture 18 of How to Create a Font
    Save the character sheet as a PNG image. Use the following steps to save the character sheet in PNG format:[Image:Create a Font Step 17.jpg|center]]
    1. Click File.
    2. Click Save As (Export in some image editing programs).
    3. Select PNG next to "Format" or "Save as type".
    4. Type a file name for the character sheet next to "File name".
    5. Click Save.
Part 3 of 4:

Editing the Template on Mac

  1. Picture 19 of How to Create a Font
    Select the template file. Open the template file's download folder, then click the template file that you want to edit to select it.
  2. Picture 20 of How to Create a Font
    Click File. It's a menu item at the top of the screen. A drop-down menu will appear.
  3. Picture 21 of How to Create a Font
    Select Open With. This option is near the top of the drop-down menu. Selecting it prompts a pop-out menu to appear next to your mouse cursor.
  4. Picture 22 of How to Create a Font
    Click an image editing program. You can use any image editing program installed on your Mac. This includes Preview, Photoshop, GIMP, Adobe Illustrator, Inkscape, Coral Draw, or any other option.
  5. Picture 23 of How to Create a Font
    Draw each character within the labeled boxes. Use the pen, pencil, or brush tool of your image editing software to draw your own characters over the characters in the template. Try to make each character about the same size as the characters in the template.
    1. If you are using Preview, click the icon that resembles a marker tip at the top of the image and then click the icon that resembles a pencil drawing a line. This will allow you to draw over the image.
    2. If you have a stylus and a pad, use them instead of the mouse. You may have to open your template in a different program to do so.
    3. If you are using a program that supports layers, it's recommended that you draw your characters on a separate layer than the template.
  6. Picture 24 of How to Create a Font
    Save the character sheet as a PNG image. Use the following steps to save the character sheet as a PNG image:
    1. Click File.
    2. Click "Save as ('Export in some image editing programs).
    3. Select PNG in the drop-down menu below "Format" or "Select File type".
    4. Type a name for the character sheet next to "Name".
    5. Click Save.
Part 4 of 4:

Creating Your Font

  1. Picture 25 of How to Create a Font
    Go to https://www.calligraphr.com/ in your browser. This is the same site you downloaded the template from.
    1. If you are not automatically logged in, log in with the username and password you used to set up your account in Method 1.
  2. Picture 26 of How to Create a Font
    Click START APP. It's in the top-right side of the page.
  3. Picture 27 of How to Create a Font
    Click MY FONTS. You'll find this option in the upper-left side of the page.
  4. Picture 28 of How to Create a Font
    Click Upload Template. It's at the top of the page. A new window will open.
  5. Picture 29 of How to Create a Font
    Click Choose File. This option is in the middle of the window.
  6. Picture 30 of How to Create a Font
    Select the character sheet you made from the template. Locate the character sheet file containing your font characters.
  7. Picture 31 of How to Create a Font
    Click Open. It's in the bottom-right side of the window. Doing so uploads the file.
  8. Picture 32 of How to Create a Font
    Click UPLOAD TEMPLATE. This option is at the bottom of the window. Your file will be added to your Calligraphr page.
  9. Picture 33 of How to Create a Font
    Scroll down and click ADD CHARACTERS TO YOUR FONT. It's in the bottom-right side of the page. This displays a preview of what your font will look like.
  10. Picture 34 of How to Create a Font
    Click Build Font. This tab is at the top of the page. Another window will appear.
  11. Picture 35 of How to Create a Font
    Enter a name for your font. In the "Font name" text field, replace "MyFont" with whatever you want to name your font.
    1. The name that you choose here will be the name that shows up when you use the font in places like Microsoft Word.
  12. Picture 36 of How to Create a Font
    Click BUILD. It's in the lower-right corner of the window. Doing so creates your font.
  13. Picture 37 of How to Create a Font
    Click one of the "Font files" download links. You'll see a link ending in ".ttf" and a link ending in ".otf" below the "Font files" heading; if you don't know the difference, click the .ttf file. The font file will download onto your computer, from which point you can install the font on your computer by doing the following:
    1. Windows - Double-click the font file, then click Install at the top of the resulting window.
    2. Mac - Double-click the font file, then click Install at the bottom of the window.
« PREV POST
READ NEXT »