{"id":50,"date":"2007-03-13T18:03:24","date_gmt":"2007-03-14T00:03:24","guid":{"rendered":"http:\/\/techory.com\/sxsw\/?p=50"},"modified":"2007-03-19T09:25:08","modified_gmt":"2007-03-19T15:25:08","slug":"web-typography-sucks-2","status":"publish","type":"post","link":"http:\/\/techory.com\/sxsw\/?p=50","title":{"rendered":"Web Typography Sucks"},"content":{"rendered":"<p><em>Tuesday, 13 March 2007 @ 1000<\/em><\/p>\n<p><a href=\"http:\/\/2007.sxsw.com\/interactive\/programming\/panels\/?action=bio&amp;id=67356\">Mark Boulton<\/a>, <em>Owner<\/em>, <a href=\"http:\/\/www.markboulton.co.uk\/\"><strong>Mark Boulton Design<\/strong><\/a><br \/>\n<a href=\"http:\/\/2007.sxsw.com\/interactive\/programming\/panels\/?action=bio&amp;id=81256\">Richard Rutter<\/a>, <em>Production Dir<\/em>, <a href=\"http:\/\/clearleft.com\/\"><strong>Clearleft Ltd<\/strong><\/a><\/p>\n<p>Presentation link:\u00a0 <a href=\"http:\/\/webtypography.net\/sxsw2007\/\">http:\/\/webtypography.net\/sxsw2007\/ <\/a><\/p>\n<p><em>typography<\/em>:\u00a0 the mechanical notation and arrangement of language<\/p>\n<p>[See the <a href=\"http:\/\/alistapart.com\/\">List Apart<\/a> article about em and en dashes &#8211; <a href=\"http:\/\/alistapart.com\/articles\/emen\/\">http:\/\/alistapart.com\/articles\/emen\/<\/a>]<\/p>\n<p>Tools:  Smartypants (<a href=\"http:\/\/daringfireball.net\/projects\/smartypants\/\">http:\/\/daringfireball.net\/projects\/smartypants\/<\/a>) and TextStyle for blogging engines<\/p>\n<p>In headings and titles, use the best possible ampersand. Look at <a href=\"http:\/\/simplebits.com\/\">Simplebits<\/a> span wrap of ampersands \u2014 cool.<\/p>\n<p><strong>Vertical rhythm<\/strong><\/p>\n<ul>\n<li> Reading the page down needs a regular rhythm.<\/li>\n<li> Determine a base text size and a rhythm size<\/li>\n<li><em>[<a href=\"http:\/\/webtypography.net\/sxsw2007\/\">See presentation to find all their equations and look them over<\/a>]<\/em><\/li>\n<li> Subtitles get 1.5 a rhythym unit above and 0.5 below<\/li>\n<\/ul>\n<p><strong>Layout<\/strong><\/p>\n<ul>\n<li> Grids based upon em.<\/li>\n<li> Elastic em-based layout.<\/li>\n<li>(Me:\u00a0 If only people could buy displays that have resolutions described in em. \ud83d\ude42<\/li>\n<\/ul>\n<p><strong>Fonts and typefaces<\/strong><\/p>\n<ul>\n<li> Arial is not a good cascade backup to Verdana<\/li>\n<li> Example:  frutiger, univers, helvetica neue, arial, helvetica, sans-serif<\/li>\n<li> Fonts new and standard in Vista:  Calibri, Cambria, Candara, Contantia, Corbel<\/li>\n<li> Hopefully the above typefaces will be shipping with the next version of Office for the Mac<\/li>\n<\/ul>\n<p><strong>Conclusion<\/strong><\/p>\n<ul>\n<li> Web typography sucks because there is less caring.<\/li>\n<li> Much of the content is spit out of automated systems, also.<\/li>\n<\/ul>\n<p><strong>My lingering thoughts<\/strong><\/p>\n<ul>\n<li> While implementing good typography is a noble goal, the democratization of web content will erode these ideals.<\/li>\n<li> What about swfir (<a href=\"http:\/\/www.mikeindustries.com\/blog\/archive\/2007\/02\/introducing-swfir\">http:\/\/www.mikeindustries.com\/blog\/archive\/2007\/02\/introducing-swfir<\/a>)<\/li>\n<\/ul>\n<p>Book:  <em>The Elements of Typographic Style<\/em> by Robert Bringhurst (<a href=\"http:\/\/www.amazon.com\/Elements-Typographic-Style-Robert-Bringhurst\/dp\/0881792063\/ref=pd_bbs_sr_1\/102-5867001-5324932?ie=UTF8&amp;s=books&amp;qid=1173830167&amp;sr=8-1\">link<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tuesday, 13 March 2007 @ 1000 Mark Boulton, Owner, Mark Boulton Design Richard Rutter, Production Dir, Clearleft Ltd Presentation link:\u00a0 http:\/\/webtypography.net\/sxsw2007\/ typography:\u00a0 the mechanical notation and arrangement of language [See the List Apart article about em and en dashes &#8211; http:\/\/alistapart.com\/articles\/emen\/] Tools: Smartypants (http:\/\/daringfireball.net\/projects\/smartypants\/) and TextStyle for blogging engines In headings and titles, use the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/50"}],"collection":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":0,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions"}],"wp:attachment":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}