Mobile app version of vmapp.org
Login or Join
Heady304

: How to make a font with Adobe Illustrator? I have recently created my own font/typeface with Adobe Illustrator, and I would like to use it as a real font (e.g I would like to use it as

@Heady304

Posted in: #AdobeIllustrator #FontDesign #HowTo #SoftwareRecommendation

I have recently created my own font/typeface with Adobe Illustrator, and I would like to use it as a real font (e.g I would like to use it as I type something).

Is this possible in Adobe Illustrator or would I need a different software?

If so what program would be good for creating a font?

10.1% popularity Vote Up Vote Down


Login to follow query

More posts by @Heady304

10 Comments

Sorted by latest first Latest Oldest Best

 

@Cody3331749

Today the easiest way to make an actual font in Illustrator (or Photoshop) is to directly install in Illustrator (or PS) an extension dedicated for that: Fontself Maker.



Pros:


very easy to use,
any kind of shape or lettering can be turned into a font
run inside Illustrator (and Photoshop) => no additional software to use


Cons:


run only on CC 2015 and 2017 (not CC2014 or CS6)
not free ()


A step-by-step tuto here to 'Create your own hand lettered font in minutes'.

10% popularity Vote Up Vote Down


 

@Samaraweera207

Seeing as this post is like a list of font-creation software, I'd like to add another for everyone to consider. I recently came across it on Kickstarter, and whilst I haven't tried it, it looks quite promising.

It's called Prototypo. It's a brand new alternative, and it's crowdfunded!

Definitely worth considering in future, though it's currently in private beta. You can subscribe to their newsletter to try and win access to the beta, I know I'm going to.

10% popularity Vote Up Vote Down


 

@Sarah814

One font creation tool that I find many Type Designers recently switching to is RoboFont (which was created by a Type Designer). You might want to take a look at that as well.

It offers tutorials to get you started along with some extensions for the program.

Note: Mac only

Edit: I forgot to add this video which shows some features - vimeo.com/34351633

10% popularity Vote Up Vote Down


 

@Cooney243

I find that Philippa Berry Smith's tutorials on YouTube are excellent, like this one:


She shows you how to draw the font in illustrator.

And then, this one is great for how to make sure the fonts are the right size in illustrator, then how to export them to FontLab:

Plus she has an Kiwi accent, which is fun.

10% popularity Vote Up Vote Down


 

@Cooney243

There is a very careful procedure for taking your Illustrator work over to FontLab, should you decide to go that route. I've noted it before, but there's no harm in repeating I suppose.

Pulled directly from FontLab (they didn't bother to make theirs readable).


In Illustrator:


Edit > Preferences > Units & Undo or Units & Display Performance: Change all units to points (1 point is equal to 1 unit in TypeTool).
Preferences > Files & Clipboard: Disable PDF, enable AICB and select Preserve Paths.
Preferences > Guides & Grid: Gridline every 10 pt and Subdivisions 10.
Set the width of the document in points to be the double of the UPM size of your font (e.g. 2000 pt for a 1000 UPM font).
Set the height of the document to be the same as UPM size — Descender (e.g. 1000 — (-263) = 1263 pt).
Select Window > Info, View > Show Rulers, View > Snap to Grid.
Disable View > Guides > Lock Guides.
Optionally select View > Show Grid.
Position a guide at the height that has the same (positive) value as the (negative) descender of your font (e.g. 263 in our example).
Position a guideline and position it at 0.
Position the origin point to where the two guidelines cross.
Drag guidelines to the positions of your ascender, x-height, and caps height.

10% popularity Vote Up Vote Down


 

@Vandalay110

I suggest that you use BirdFont and follow these steps to import your work in the editor.

Draw a triangle and a rectangle. Use them as test shapes to decide what your x-height should be.



Compare your test glyphs to other fonts using the preview tab. (Ctrl+p)



Turn on grid and guidelines for x-height and margin. Create four rectangular markers at the bottom line, baseline, x-height and top.



Save your glyph template as SVG. (Import an Export -> Export glyphs as SVG)

Open your glyph template in Illustrator and turn on rulers (Ctrl+r). Drag down new lines from the ruler to the bottom line, baseline, x-height and top positions.



Insert your glyphs in to the template file.

Resize the glyph.

Save your glyph with a different name.

Import the file in BirdFont. (Import an Export -> Import SVG)



With newer versions of BirdFont and Illustrator can you also copy and paste glyphs between the two programs. You still need to decide what your x-height should be but you might save a few seconds if you skip the step where you save the glyph as a separate SVG file.

10% popularity Vote Up Vote Down


 

@Carla748

I am trying to do the same thing.

I got fontographer and FontLab Studio from FontLab. I think there is a free demo.

The pen tool is less then rad in these programs. For my purposed I need to make layers because I'm going to stack them with CSS to make a logo.

So I made the characters in Illustrato. THEN -

I went through this turorial.

and I watched this tutorial.

I'm still pretty lost. My characters aren't showing up on the baseline properly.

But I think this should get you going in the right direction.

Good Luck!

10% popularity Vote Up Vote Down


 

@Pope1402555

This is the fastest, simplest, FREE method I've found so far to create a font from scratch. Although, if you have the glyphs already created, Fontforge can import svg files.


Print off a template from MyScriptFont (or just save and import the pdf into Gimp or Photoshop, and write/paste your glyphs into their respective boxes). The template should be in TIFF or PNG and be at least 300dpi. JPG compresses images by default, which is bad for image quality.
Upload the template and save the font file MyScriptFont gives you.
To make it perfect, you will have to edit it. Two free font editing programs are: Type light and Fontforge, although Type light has a much simpler interface for basic editing, and runs natively on windows.
I have found that MyScriptFont sets the x-height too large, and the descender depth too small.

You can fix this in Type light by going to Font > Metrics (in Type light).
Also, if your font is too small (i.e. size 12 is unreadable), you can change the "EM Unit Size" to be smaller. I used 650.

10% popularity Vote Up Vote Down


 

@BetL875

To create a font, you need a font editing program. FontCreator is quite popular and inexpensive. FontForge is an open source font editor, if you're up to the somewhat dense documentation. FontLab has a utility called TypeTool, a little more expensive but has a good reputation.

10% popularity Vote Up Vote Down


 

@Shelley591

You need a program that can make actual font files from your vector illustrations.

In the 'olden days' the primary tool for that was Macromedia Fontographer, which is now owned by Fontlab

Fontlab also makes FontLab Studio and several other Font creating and designing programs that much of the type design industry uses.

Alternatives to their offerings would be Glyphs for OSX or the open source FontForge

UPDATE:

I haven't yet tried it, but a new open source font editor has shown up called Bird Font:
birdfont.org/

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme