A Comic Sans font replacement for Balsamiq

Don't like Comic Sans on your Balsamiq wireframes but can't find an alternative font? Use your own custom font made from your handwriting!

by Nathanael Boehm on 27 April, 2010

How about you make your own custom font out of your handwriting!

Download purecaffeine.com bold font (licensed under Creative Commons BY-ND)

Use a service like YourFonts*, print out their template, fill in the boxes with your handwritten letters, numbers and symbols, scan it, upload it and get your own font generated for $10.

Then create a custom Balsamiq Configuration and reference your new, installed font. I recommend you don’t use an apostrophe in your font name … I did, and couldn’t get it to work so had to use a hex editor to rename the font.

This is a sample wireframe of the GMail interface using the font generated from my handwriting:

GMail user interface wireframe

* I am not affiliated with YourFonts.

Post to Twitter Post to Delicious Post to Facebook

// purecaffeine.com: user experience design, social experience design, social media, Gov 2.0, design thinking and service design blog by designer Nathanael Boehm, Canberra, Australia. Licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Australia License.

Related posts:

{ 5 comments… read them below or add one }

James Sinclair 27 April, 2010 at 9:09 am

Hey Nathanael, thanks for the tip. I’m starting to use Balsamiq Mockups a lot these days so I’ll definitely be giving it a go.

Reply

Mo Kargas 27 April, 2010 at 10:29 am

Great tip. I’m still at a loss as to why Balsamiq decided on Comic Sans in the first place.

Reply

Peldi Guilizzoni 27 April, 2010 at 2:56 pm

Nathaniel, this is awesome.

Mo, if I had a $…here’s a link to start with: http://community.balsamiq.com/balsamiq/topics/feedback_needed_on_comic_sans_replacement

and here’s some older ones: http://community.balsamiq.com/balsamiq/topics/comic_sans_bad_reception_from_designers which was followed by this one: http://community.balsamiq.com/balsamiq/topics/the_font_saga_continues_i_need_your_input

Now that we’ve switched to requiring Flash Player 10, I hope that we’ll be able to take advantage of the new text rendering engine to embed a pretty font instead. I think I am emotionally ready to try and tackle this thorny issue again.

I’m off to install Nathaniel’s font! :)

Reply

Peldi Guilizzoni 27 April, 2010 at 3:07 pm

Another quick note. Here’s what to put in your BalsamiqMockups.cfg if you want to use Nathaniel’s cool font:

<config>
<fontFace>purecaffeine.com bold</fontFace>
</config>

It’s a weird feeling to be wireframing with someone else’s handwriting, a little bit of an out-of-body experience…trippy! :)

Reply

Nathanael Boehm 27 April, 2010 at 3:43 pm

It’s pretty messy isn’t it :) And that was me trying to be neat!

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: