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. How to Create a Font Picture 1
    Go to https://www.calligraphr.com/ in your browser. This is the website for Calligraphr. Here you will need to create an account.
  2. How to Create a Font Picture 2
    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. How to Create a Font Picture 3
    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. How to Create a Font Picture 4
    Click START APP. It's a purple button in the upper-right side of the page.
  5. How to Create a Font Picture 5
    Click TEMPLATES. This heading is in the upper-left side of the page.
  6. How to Create a Font Picture 6
    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. How to Create a Font Picture 7
    Click Download Template. It's in the upper-right corner of the page.
  8. How to Create a Font Picture 8
    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. How to Create a Font Picture 9
    Click DOWNLOAD. It's in the bottom-right corner of the window.
  10. How to Create a Font Picture 10
    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. How to Create a Font Picture 11
    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. How to Create a Font Picture 12
    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. How to Create a Font Picture 13
    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. How to Create a Font Picture 14
    Click the Open drop-down arrow. This downward-facing arrow
    How to Create a Font Picture 15
    is to the right of the Open button in the "Open" section of the toolbar. A drop-down menu will appear.
  5. How to Create a Font Picture 16
    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. How to Create a Font Picture 17
    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. How to Create a Font Picture 18
    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. How to Create a Font Picture 19
    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. How to Create a Font Picture 20
    Click File. It's a menu item at the top of the screen. A drop-down menu will appear.
  3. How to Create a Font Picture 21
    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. How to Create a Font Picture 22
    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. How to Create a Font Picture 23
    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. How to Create a Font Picture 24
    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. How to Create a Font Picture 25
    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. How to Create a Font Picture 26
    Click START APP. It's in the top-right side of the page.
  3. How to Create a Font Picture 27
    Click MY FONTS. You'll find this option in the upper-left side of the page.
  4. How to Create a Font Picture 28
    Click Upload Template. It's at the top of the page. A new window will open.
  5. How to Create a Font Picture 29
    Click Choose File. This option is in the middle of the window.
  6. How to Create a Font Picture 30
    Select the character sheet you made from the template. Locate the character sheet file containing your font characters.
  7. How to Create a Font Picture 31
    Click Open. It's in the bottom-right side of the window. Doing so uploads the file.
  8. How to Create a Font Picture 32
    Click UPLOAD TEMPLATE. This option is at the bottom of the window. Your file will be added to your Calligraphr page.
  9. How to Create a Font Picture 33
    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. How to Create a Font Picture 34
    Click Build Font. This tab is at the top of the page. Another window will appear.
  11. How to Create a Font Picture 35
    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. How to Create a Font Picture 36
    Click BUILD. It's in the lower-right corner of the window. Doing so creates your font.
  13. How to Create a Font Picture 37
    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.
4.5 | 2 Vote
« PREV : How to Download...
How to Modify Font... : NEXT »