Skip to main content

Tips for Small Type

If you've tried creating graphics or content using small typefaces then you've probably run into the problem of readability. Microsoft created a font known as Verdana to solve the issue of small type on screen. Shown below is a comparison of Verdana at difference sizes to Minion Pro at the same sizes. The image was created in Adobe Photoshop CS3 with Strong anti-aliasing applied to the text.



I recently came across a highly detailed article that explains how to get the most readability from your small type. Check it out at The Art of Type.

You can read more about Verdana at the Microsoft site Channel Verdana and if you're really a typegeek, you'd be interested in the Wikipedia entry on Verdana as well.

And of course to be fair, you might as well check out the entry for Minion as well. You can get the
Minion Complete Family Pack
from Fonts.com.


It could be just me, but I think of something totally different when I hear the word "minion" :)

I've used Strong anti-aliasing in the image above. I'd like some feedback from you in the comments as to what anti-aliasing to use when creating graphical text to use on the web, when printing the content is not going to be an expectation.

Comments

Popular posts from this blog

Favourite Font: Poster Bodoni Baby!

I used to work with a guy who absolutely loved to shout "Poster Bodoni Baby!" in a really loud, obnoxious voice.

I had been thinking about writing a post like this for the past few days, because it is one of my most memorable typography/font/design moments. The above mentioned co-worker, crazy Mike B. just recently friended me on Facebook so I thought today was the day!

In my very early design days, I was in 4th year university and I had become a volunteer graphic designer for the schools student body marketing department. I got to use great software like CorelDraw! 5 and pretty good computers, but the people were what really made that job what it was... good and the bad. This was back in the day when I could identify a number of fonts by site alone, which is actually kind of a fun. I can't do the same today really but I hope to resurrect that skill... though I can still tell the difference between Verdana and Lucinda Grande (ok, maybe on a good day).

Anyway, MikeB. always …

Original Font Sample

When I started teaching computer labs a few years ago I got really fired up about typography. It was a small section in a chapter on word processing in the textbook we were using, but I was intrigued with explaining it to inexperienced users, though I had been interested in typography before.

During that time I came up with a basic typeface that I use on the white boards. It really contains mostly modifications to the letters A and E, but the trailing "S" I would sometimes add flourishes too.

Really it looks better in the word "DATABASES" but it also works ok with "SPREADSHEETS".

I've played with different variations on the E, but its harder to make it look interesting and still maintain its readability, which is something I want to keep with any typeface I create.

Do you have any special purpose typefaces you've designed? Got any suggestions for the E? Let me know in the comments below.



Online Web Design Resources

Not much here today, but I had found these links in the fall and didn't want to lose them, so 'Im posting them here for you and for me:

Good CSS (Cascading Style Sheet) Tutorial:
http://snook.ca/archives/html_and_css/six_keys_to_understanding_css_layouts/

Colour Tools for Graphic and Web Designers at AllGraphicDesign.com

Technical Colour Schemer because we can't get enough of colour scheme builders can we? (Really? I should just build one myself.)

20 Web Design Generators

Adam Kalsey's Button / Badge Generator

Being Canadian, I will almost always insist on typing it as colour.

Oh and PS! I just bought a new domain so Ill finally be hosting a WordPress / Thesis blog instead of this old Blogspot thingy! Dang you domain squatters!