spacer

An Introduction to Type Design Special | Font Constructor



FontConstructor is a new standalone application for educational use to research the basic construction of the alphabet. This easy-to-use and intuitive tool allows you to design basic elements, and use them to assemble your own ‘typeface’. By doing so, you learn which are the relationships between the different shapes in an alphabet and how they refer to each other.

Although it is primarily aimed at students, FontConstructor can also be used by aspiring type designers, graphic designers and amateur type enthusiasts – basically anyone who wants to have fun with building type.



FontConstructor is the result of a type design workshop at the ECAL in Lausanne, where Frederik Berlaen was invited to teach scripting in type design during a ‘semaine speciale’ in May 2007.

Frederik started with some basic Python lessons in DrawBot so the students could play with basic shapes applying scripts. Then the class was divided into two groups. The goal for the first group was to program an autoTypeGenerator – a script which uses predefined basic elements to construct a whole alphabet. As these basic elements have integrated ‘magnetic points’ they automatically connect smoothly. The output was a font consisting of a large number of components. This meant that – after using the script – one could end up with a completely different typeface simply by altering the shape of the basic elements.


Simply by altering the shape of one basic element of the font...

... any character containing that specific basic element is altered accordingly.

The second group was more focused on design and scripting. They created a booklet which was assembled entirely by a script. The program would place text and images, and apply style sheets to the text.


After the workshop Frederik kept working on the idea of building a complete font out of some basic elements. The result is FontConstructor, a stand-alone entry-level application that is free for anyone to download and use. It allows you to import and export UFOs, export OpenType file format (please note this is basic: no hinting, no kerning, no features), copy/paste from Adobe Illustrator or FontLab. The application also features a basic vector editor.



There are several possibilities to import or create base elements for the font you wish to build. If you are familiar with FontLab and Robofab, you can create them in FontLab and then export your element-font as UFO. If not, elements can be added by either drawing them directly in the vector editing window or copy-pasting them from Adobe Illustrator or FontLab.



When selecting a glyph, your elements can be dragged and dropped into the glyph view. It is possible to drag multiple elements at once. Now these elements can be moved around, scaled and rotated. Selected elements can also be copy-pasted from one glyph to another or within the same glyph. Adjusting the spacing of the selected glyph can easily be done by dragging the left or right margin value. The spacing can be checked in a designated preview window.



Fonts can be saved as .fb files, which consist of a UFO of your elements and an XML file with all the transformations of the elements in your font. FontConstructor allows you to generate UFOs of your constructed font, in case you want to open your result in FontLab or in any other application that supports UFO.

 

Also, FontConstructor lets you generate an .otf font file of your font. Please note that this .otf font file is very basic, so use it only to test it. In any case it will show up in the font list of most of the popular graphic typesetting applications. The .otf font file has no kerning, no hinting nor features – it only contains the contours of the glyph, spacing and some basic naming. These generated fonts have not been tested in a Windows environment.

 

Some basic documentation can be found on the FontConstructor website. So get cracking and have fun with it! And show us the results.

27.12.2007 - 23.13.14
top
Posted by Unzipper
4 comments

Share on Facebook/Twitter
dotted

Comments

icon_down Most recent post top 
Hello, I'm a fairly young typographer, however I have worked in the past (and still have strong ties) to the Design College Australia. When i found this product on fontshop I muct admit i got pretty excited. I've found while trying to teach typography if pays to learn how fonts are created, how individual letterforms can be used in a variety of ways, etc. Previously we've asked student to take a single subject (tattoos, the ocean, the grout in bricks, etc) and create a typeface from only the shapes found here, however because everyone in the class picks their own object, it takes several lessons of dissection and discussion before students begin to really grasp the fundamentals of letterform unity. This program will allow me to create an element library and let the students create a typeface in a single lesson - i'm sure the variety will astound and inspire them. I've passed it on to my friends who are still teaching and if you'd like i can send through the results.. just out of interest? I guess this is simply a thank you for this..
21.08.2008 - 12.09.26
Posted by ed

spacer
Hi Ed, I would love to see some results, you can directly send them over to me ( info at typemytype.com ). greatings Frederik
25.08.2008 - 10.06.47
Posted by Frederik Berlaen

spacer
Hello Ed, As an independent type foundry we are always looking for new typeface ideas. Feel free to contact me directly at akaczun@verizon.net to collaborate. Best, Alex
19.07.2010 - 08.39.25
Posted by Alex Kaczun

spacer
How exactly do you import from Illustrator? I cannot for the life of me figure out how to put a copied object into FC. Each time I click on the open field it wants to quit the program. Or perhaps I've just missed something.
26.12.2010 - 05.37.27
Posted by david nielsen


This website uses comment moderation to help combat spam.
Possibly your comment won't appear on the entry until it is reviewed.
Thanks for your understanding.
Post a comment

Name*:


Email address*:


Comment*:


 
Archive

SEARCH ARTICLES
search
dotted
MOST RECENT COMMENTS Comments dotted
:: WELCOME ::
EXCLUSIVE FONTS
FREE MAGAZINES
INFORMATION
MY TYPE OF MUSIC
NEW & NOTABLE
NEWS
OOPS!
PARTICIPATE
PROMOTION
SCREENFONTS
TIPS & TRICKS
TYPE IN USE
USELESS BEAUTY
dotted

Visit us on

Youtube
Flickr
Facebook
Twitter
Hyves
Netlog
dotted

Contact

FontShop België
Baron De Gieylaan 41
9840 De Pinte België

FontShop Nederland
Postbus 309
4560 AH Hulst Nederland

T +32 9 2202620
F +32 9 2203445
E info@fontshop.be
dotted
icon_mail mail the webmaster
icon_xml rss feed
icon_mail Keep me updated
by email
dotted
icon_g94 made by group94