<?xml version='1.0' encoding='UTF-8'?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/'><id>tag:blogger.com,1999:blog-3509334789663694541</id><updated>2008-09-14T14:18:57.905+01:00</updated><title type='text'>James Barsby - Tutorials</title><subtitle type='html'></subtitle><link rel='alternate' type='text/html' href='http://www.jamesbarsby.com/tutorials/'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3509334789663694541/posts/default'/><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.jamesbarsby.com/tutorials/atom.xml'/><author><name>James Barsby</name><uri>http://www.blogger.com/profile/11720363913177721126</uri><email>noreply@blogger.com</email></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>1</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3509334789663694541.post-7521773040736118077</id><published>2008-09-07T21:35:00.002+01:00</published><updated>2008-09-14T14:18:57.931+01:00</updated><title type='text'>The Typographic Spectrum</title><content type='html'>&lt;p&gt;Choosing the right font for a design project can be a daunting prospect. There are thousands of fonts available, many far too outlandish to be of any real use and others so similar they are hard to tell apart. To make life a little easier, I have chosen the following selection. These should work well for  most of the jobs a designer is likely to receive.  Each has a small sample, description and a list of similar typefaces if you don't have one of them in your collection. Although many of these are considered classics, I have chosen a few of my own personal favourites to keep things interesting. The best way to learn about typefaces is to see them, so let's get started:&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/mrseaves.gif" width="582" height="168" alt="Mrs Eaves" class="imgleft" /&gt;Mrs Eaves is a wonderfully quirky typeface with wide kerning and beautiful italics.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/sabon.gif" width="582" height="168" alt="Sabon" class="imgleft" /&gt;Sabon  is a fine example of a classic serif. It has a sturdy form which makes it excelent for body copy and is regularily used in books.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/didot.gif" width="582" height="168" alt="Didot" class="imgleft" /&gt;Didot is the ubiquitous fashion font. &lt;br /&gt;&lt;br /&gt;    Alternatives: Bodoni, Alfon, Walbaum.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/clarendon.gif" width="582" height="168" alt="Clarendon" class="imgleft" /&gt;Clarendon is a bold display face and works wonderful for large titles and headings. &lt;br /&gt;&lt;br /&gt;    Alternatives: Excelsor, Superclarendon.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/archer.gif" width="582" height="168" alt="Archer" class="imgleft" /&gt;Archer brings subtly to slab serifs. &lt;br /&gt;&lt;br /&gt;    Alternatives: Soho, Caecilia, Juvenis&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/futura.gif" width="582" height="168" alt="Futura" class="imgleft" /&gt;Futura some how manages to look both retro and modern at the same time. &lt;br /&gt;&lt;br /&gt;    Alternatives: Neutra,  Gotham, Avant Garde, Avenir.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/gillsans.gif" width="582" height="168" alt="Gill Sans" class="imgleft" /&gt;Gill Sans is a classic english typeface. It is an adaptation of the London underground typeface. &lt;br /&gt;&lt;br /&gt;    Alternatives: Humanist 521, P22 London Underground, Bliss.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/helvetica.gif" width="582" height="168" alt="Helvetica" class="imgleft" /&gt;Helvetica is loved and hated by designers in equal measure, it's so famous they even made a film about it. It has a solid utilitarian form and works with everything, but as a result is heavily overused. Alternatives: Swiss 721, Akzidenz Grotesk&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/formata.gif" width="582" height="168" alt="Formata" class="imgleft" /&gt;Formata boasts curved forms and subtle features that set it apart from the other sans serifs.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/cronospro.gif" width="582" height="168" alt="Cronos Pro" class="imgleft" /&gt;Cronos Pro has an organic/rounded feel to it.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/optima.gif" width="582" height="168" alt="Optima" class="imgleft" /&gt;Optima brings thick/thin styling to a sans serif. &lt;br /&gt;&lt;br /&gt;    Alternatives: URW Classico, Solaire DT, &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/klavika.gif" width="582" height="168" alt="Klavika" class="imgleft" /&gt;Klavika is one of many high-tech faces currently in fashion. &lt;br /&gt;&lt;br /&gt;    Alternatives: Purista,  Sanuk,  Max,  Coupe, Milibus and the somewhat overused Eurostyle.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/kursiveschrift.gif" width="582" height="168" alt="Kursiveschrift" class="imgleft" /&gt;Kursiveschrift is a little-known typeface that owes much of it's styling to didots italics.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/snellroundhand.gif" width="582" height="168" alt="Snell Roundhand" class="imgleft" /&gt;Snell Roundhand or the font of a thousand wine labels.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;img name="" src="images/type/andradepro.gif" width="582" height="168" alt="Andrade Pro" class="imgleft" /&gt;Andrade Pro should be your first port of call for anything involving a flourish. Although at times it seems a little over the top, it still manages to achieve its goal with outstanding class. No wedding invite should be without it.&lt;/p&gt;&lt;br /&gt;    &lt;h2&gt;In Conclusion&lt;/h2&gt;&lt;br /&gt;    &lt;p&gt; It is essential to have a selection of fonts to draw upon when beginning a new project. Don't forget to experiment with different font weights, but I recommend using a maximum of two typefaces for any piece of work.&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.jamesbarsby.com/tutorials/2008/09/typographic-spectrum.html' title='The Typographic Spectrum'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3509334789663694541&amp;postID=7521773040736118077' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.jamesbarsby.com/tutorials/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3509334789663694541/posts/default/7521773040736118077'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3509334789663694541/posts/default/7521773040736118077'/><author><name>James Barsby</name><uri>http://www.blogger.com/profile/11720363913177721126</uri><email>noreply@blogger.com</email></author></entry></feed>