CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://field2.com:80/typography/","20110302074330","https://web.archive.org/","web","/_static/", "1299051810"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <base href="https://web.archive.org/web/20110302074330/http://www.field2.com/wp-content/"/> <link rel="alternate" type="application/rss+xml" title="Field 2 Productions 禄 Typography Comments Feed" href="https://web.archive.org/web/20110302074330/http://field2.com/typography/feed/"/> <link rel="stylesheet" id="shadowbox-css-css" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/plugins/shadowbox-js/shadowbox/shadowbox.css?ver=3.0.3" type="text/css" media="screen"/> <link rel="stylesheet" id="shadowbox-extras-css" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/plugins/shadowbox-js/css/extras.css?ver=3.0.3" type="text/css" media="screen"/> <link rel="stylesheet" id="contact-form-7-css" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/plugins/contact-form-7/styles.css?ver=2.4.1" type="text/css" media="all"/> <link rel="stylesheet" id="NextGEN-css" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0" type="text/css" media="screen"/> <link rel="stylesheet" id="shutter-css" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.0" type="text/css" media="screen"/> <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://field2.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <script type="text/javascript"> /* <![CDATA[ */ var shutterSettings = { msgLoading: "L O A D I N G", msgClose: "Click to Close", imageCount: "1" }; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://field2.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.0"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://field2.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://field2.com/wp-includes/wlwmanifest.xml"/> <link rel="index" title="Field 2 Productions" href="http://field2.com/"/> <link rel="start" title="Eli's trip to the dentist" href="http://field2.com/elis-trip-to-the-dentist/"/> <link rel="prev" title="The Circles in Powerpoint" href="https://web.archive.org/web/20110302074330/http://field2.com/the-circles-in-powerpoint/"/> <link rel="next" title="WordPress" href="https://web.archive.org/web/20110302074330/http://field2.com/wordpress/"/> <meta name="generator" content="WordPress 3.0.4"/> <link rel="canonical" href="https://web.archive.org/web/20110302074330/http://field2.com/typography/"/> <link rel="shortlink" href="https://web.archive.org/web/20110302074330/http://field2.com/?p=23"/> <link id="MediaRSS" rel="alternate" type="application/rss+xml" title="NextGEN Gallery RSS Feed" href="https://web.archive.org/web/20110302074330/http://field2.com/wp-content/plugins/nextgen-gallery/xml/media-rss.php"/>  <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://lite.piclens.com/current/piclens_optimized.js"></script>  <meta name="NextGEN" content="1.4.3"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20110302074330/https://ssl." : "https://web.archive.org/web/20110302074330/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-11200948-1"); pageTracker._trackPageview(); } catch(err) {}</script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <title>Field 2 Design :: Web Design, Development and Analytics in Buffalo, Western NY :: Expert Wordpress Developers :: » Typography</title> <meta name="Keywords" content="website design, Buffalo web design, Buffalo site development, e-marketing solutions, search engine optimization services, site analytics, e-commerce solutions, custom font design, custom logo design, custom icon design, western new york"/> <meta name="description" content="Field 2 design is a web design and development company located in Buffalo, NY, specializing in SEO friendly, standards compliant websites and graphics."/> <meta name="google-site-verification" content="GeueUDB_D-iJbm18ZRIcOycUzLX5sjkNKhALezY4-Bg"/> <style type="text/css"> a# {background:top center url(/web/20110302074330im_/http://www.field2.com/wp-content/themes/f2/images/o.png) no-repeat!important;color:#181715!important;} </style> <link href="https://web.archive.org/web/20110302074330cs_/http://field2.com/print.css" type="text/css" rel="stylesheet" media="print"/> <script type="text/javascript"> abouto=new Image; abouto.src="images/abouto.png"; portfolioo=new Image; portfolioo.src="images/portfolioo.png"; contacto=new Image; contacto.src="images/contacto.png"; </script> <link rel="stylesheet" href="https://web.archive.org/web/20110302074330cs_/http://field2.com/wp-content/themes/f2/style.css"/> <script src="/web/20110302074330js_/http://www.field2.com/wp-content/themes/f2/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="/web/20110302074330js_/http://www.field2.com/wp-content/themes/f2/jquery.bgpos.js"></script> <script type="text/javascript" src="/web/20110302074330js_/http://www.field2.com/wp-content/themes/f2/cycle/cycle.js"></script> <script type="text/javascript"> $(document).ready( function($) { $('#slider') .cycle({ fx: 'fade', speed: 500, pause: 1, timeoutFn : calculateTimeout, delay: 100, prev: '#sliderNext', next: '#sliderPrev', pager: '#sliderNav' }); }); // timeouts per slide (in seconds) var timeouts = [9,9,9,9]; function calculateTimeout(currElement, nextElement, opts, isForward) { var index = opts.currSlide; return timeouts[index] * 1000; } </script> <style type="text/css"> </style> <script type="text/javascript"> Shadowbox.init({ players: ["img","qt","iframe"] }); </script> </head> <body> <div id="container"> <div id="header"> <a href="/web/20110302074330/http://www.field2.com/index.php" id="home"></a> <ul id="topnav"> <li><a href="about" id="about">About Us</a></li> <li><a href="portfolio" id="portfolio">Portfolio</a></li> <li><a href="contact" id="contact">Contact</a></li> </ul> <p>Field 2 Design<br/>15 Coolidge Dr.<br/>Snyder, NY 14226<br/>716.289.6814<br/><a href="https://web.archive.org/web/20110302074330/mailto:info@field2.com" style="color:#feffe5;">info@field2.com</a></p> </div> <div id="main"> <div id="main_top"> <h1>Typography</h1> </div> <div class="pad"> <p>I’m at the typecon conference and a lot of people are talking about how to teach typography in the education forum.</p> <p>My take: Tap into the love of typography students had when they first learned how to write. My kids all scribbled and stuff, but the revelation came when they learned how to write their names. Nancy, in particular, writes hers all the time now, and puts curly flourishes on the ends of all the letters.</p> <p>Kids grow up loving to write letters鈥揵ut usually not the letters they are forced to write by their teachers. They (the interesting ones, anyway) fill the edges of their notebooks with all kinds of funky letters and words.</p> <p>My conclusion: every typography class should feature a section on hand-lettering. It could be structured like the kind I learned about in my workshop with Stephen Rapp yesterday, or more informal and experimental, like one I would love to teach. Once students reconnect with the fun of letters that they may have lost long ago, typography has hooked them.</p> <small> This entry was posted on Thursday, July 17th, 2008 at 12:33 pm and is filed under <a href="https://web.archive.org/web/20110302074330/http://field2.com/category/teaching/" title="View all posts in teaching" rel="category tag">teaching</a>. You can follow any responses to this entry through the <a href="https://web.archive.org/web/20110302074330/http://field2.com/typography/feed/">RSS 2.0</a> feed. You can <a href="#respond">leave a response</a>, or <a href="https://web.archive.org/web/20110302074330/http://field2.com/typography/trackback/" rel="trackback">trackback</a> from your own site. </small>   <div id="respond"> <h3>Leave a Reply</h3> <div id="cancel-comment-reply"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20110302074330/http://www.field2.com/typography/#respond" style="display:none;">Click here to cancel reply.</a></small> </div> <form action="https://web.archive.org/web/20110302074330/http://field2.com/wp-comments-post.php" method="post" id="commentform"> <p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required="true"/> <label for="author"><small>Name (required)</small></label></p> <p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required="true"/> <label for="email"><small>Mail (will not be published) (required)</small></label></p> <p><input type="text" name="url" id="url" value="" size="22" tabindex="3"/> <label for="url"><small>Website</small></label></p>  <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p> <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment"/> <input type="hidden" name="comment_post_ID" value="23" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> <noscript><br/><br/> <div align="center" style="background-color:#FFBFC1; border:solid 1px #B30004; color: #B30004; padding: 3px;"> You need to enable javascript in order to use Simple CAPTCHA.</div></noscript> <script type="text/javascript"> //<![CDATA[ var count = 0; // Reload the CAPTCHA function reloadCaptcha() { frm = document.getElementById("simple_captcha"); opacity("simple_captcha", 100, 0, 300); count++; frm.src = "https://web.archive.org/web/20110302074330/http://field2.com/wp-content/plugins/simpleCAPTCHA/gdimg.php?re=" + count; opacity("simple_captcha", 0, 100, 300); } // Change opacity function opacity(id, opacStart, opacEnd, millisec) { //speed for each frame var speed = Math.round(millisec / 100); var timer = 0; //determine the direction for the blending, if start and end are the same nothing happens if(opacStart > opacEnd) { for(i = opacStart; i >= opacEnd; i--) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(opacStart < opacEnd) { for(i = opacStart; i <= opacEnd; i++) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } } // Change the opacity for different browsers function changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } //]]> </script> <div id="zrx_captcha"> <div align="left"><small>Security Code:</small></div> <table cellpadding="0" cellspacing="0" style="padding-bottom:5px;"> <tr> <td align="left" valign="top"> <input type="text" name="publicKey" maxlength="6" tabindex="3"/> </td> <td align="center" valign="top" width="130"> <a href="https://web.archive.org/web/20110302074330/http://blog.zorex.info/?page_id=2" target="_blank"> <img id="simple_captcha" src="https://web.archive.org/web/20110302074330im_/http://field2.com/wp-content/plugins/simpleCAPTCHA/gdimg.php?re=0" title="Simple CAPTCHA v1.5.1b by zorex" alt=""/> </a> </td> <td align="left" valign="top" width="32"> <img src="https://web.archive.org/web/20110302074330im_/http://field2.com/wp-content/plugins/simpleCAPTCHA/captcha_reload.gif" onclick="setTimeout('reloadCaptcha()', 10)" style="cursor:pointer" title="Request a new image" alt=""/> </td> </tr> </table> <br/> </div> <script type="text/javascript"> //<![CDATA[ for( i = 0; i < document.forms.length; i++ ) { if( typeof(document.forms[i].publicKey) != 'undefined' ) { commentForm = document.forms[i].comment.parentNode; break; } } var commentArea = commentForm.parentNode; var captchafrm = document.getElementById("zrx_captcha"); commentArea.insertBefore(captchafrm, commentForm); commentArea.publicKey.size = commentArea.author.size; commentArea.publicKey.className = commentArea.author.className; //]]> </script> </form> </div> </div> <div id="main_bottom"> </div> </div> <div id="sidebar"> <div id="sidebar_top"> </div> <div class="pad2"> <h3>Search site</h3> <form id="searchform" method="get" action="https://web.archive.org/web/20110302074330/http://field2.com/"> <input type="text" name="s" style="width:200px;color:#777;"/> <input type="image" style="vertical-align:middle;" src="/web/20110302074330im_/http://www.field2.com/newsite/wp-content/themes/f2/images/search.png"/> </form> <h3>Recent Posts</h3> <ul> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/nea-logo-udate/" rel="bookmark" title="Permanent Link: NEA Logo udate">NEA Logo udate</a></li><li><a href="https://web.archive.org/web/20110302074330/http://field2.com/last-nights-dream/" rel="bookmark" title="Permanent Link: Last Night鈥檚 Dream">Last Night鈥檚 Dream</a></li><li><a href="https://web.archive.org/web/20110302074330/http://field2.com/nea-logo-revisited/" rel="bookmark" title="Permanent Link: NEA logo revisited">NEA logo revisited</a></li><li><a href="https://web.archive.org/web/20110302074330/http://field2.com/on-flash/" rel="bookmark" title="Permanent Link: On Flash">On Flash</a></li><li><a href="https://web.archive.org/web/20110302074330/http://field2.com/itunes-10-icons/" rel="bookmark" title="Permanent Link: iTunes 10 icons">iTunes 10 icons</a></li></ul> <h3>Archives</h3> <ul> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2011/02/" title="February 2011">February 2011</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/11/" title="November 2010">November 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/09/" title="September 2010">September 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/05/" title="May 2010">May 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/04/" title="April 2010">April 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/03/" title="March 2010">March 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2010/01/" title="January 2010">January 2010</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/12/" title="December 2009">December 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/10/" title="October 2009">October 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/09/" title="September 2009">September 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/08/" title="August 2009">August 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/06/" title="June 2009">June 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/05/" title="May 2009">May 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/04/" title="April 2009">April 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/03/" title="March 2009">March 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/02/" title="February 2009">February 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2009/01/" title="January 2009">January 2009</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/12/" title="December 2008">December 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/11/" title="November 2008">November 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/10/" title="October 2008">October 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/08/" title="August 2008">August 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/07/" title="July 2008">July 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/06/" title="June 2008">June 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/05/" title="May 2008">May 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/04/" title="April 2008">April 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/03/" title="March 2008">March 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2008/01/" title="January 2008">January 2008</a></li> <li><a href="https://web.archive.org/web/20110302074330/http://field2.com/2007/12/" title="December 2007">December 2007</a></li> </ul> <h3>Ben's tweets</h3> I uploaded a YouTube video -- type_on_a_path.mov <a href="https://web.archive.org/web/20110302074330/http://youtu.be/ShxOPd6EV9c?a" class="twitter-link">http://youtu.be/ShxOPd6EV9c?a</a> <a href="https://web.archive.org/web/20110302074330/http://twitter.com/EmpireOfLight/statuses/42693624437276672" class="twitter-link">#</a> <span class="twitter-timestamp"><abbr title="2011/03/01 21:12:07">11 hours ago</abbr></span><h3>Jeanne's tweets</h3> No public Twitter messages.</div> <div id="sidebar_bottom"> </div> </div> <br style="clear:both" ;/> </div> <div id="footer"> ©2011, Ben Dunkle and F2. </div> <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://field2.com/wp-admin/admin-ajax.php?action=shadowboxjs&cache=96538b473486123a120dadeb3fa4b863&ver=3.0.3"></script> <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://field2.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.47"></script> <script type="text/javascript" src="https://web.archive.org/web/20110302074330js_/http://field2.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.4.1"></script>  <script type="text/javascript"> var shadowbox_conf = { animate: true, animateFade: true, animSequence: "sync", autoDimensions: false, modal: false, showOverlay: true, overlayColor: "#000", overlayOpacity: 0.8, flashBgColor: "#000000", autoplayMovies: true, showMovieControls: true, slideshowDelay: 0, resizeDuration: 0.35, fadeDuration: 0.35, displayNav: true, continuous: false, displayCounter: true, counterType: "default", counterLimit: 10, viewportPadding: 20, handleOversize: "resize", handleUnsupported: "link", initialHeight: 160, initialWidth: 320, enableKeys: true, skipSetup: false, flashParams: {bgcolor:"#000000", allowFullScreen:true}, flashVars: {}, flashVersion: "9.0.0" }; Shadowbox.init(shadowbox_conf); </script>  </body> </html>