Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://www.typography.com/rss/blog

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
  3.    <channel>
  4.        <title>H&amp;Co News</title>
  5.        <link>https://www.typography.com/blog</link>
  6.        <description>H&amp;Co designs fonts for print, web, and mobile environments.</description>
  7.        <language>en-us</language>
  8.        <copyright>2024 Hoefler&amp;Co. All rights reserved.</copyright>
  9.        <lastBuildDate>Thu, 30 Jun 2022 01:49:00 +0000</lastBuildDate>
  10.        <managingEditor>info@typography.com (Jonathan Hoefler)</managingEditor>
  11.        <image>
  12.            <url>https://d31td5fkd89rr1.cloudfront.net/social/global.png</url>
  13.            <title>H&amp;Co News</title>
  14.            <link>https://www.typography.com/blog</link>
  15.        </image>
  16.        <pubDate>Mon, 22 Apr 2024 16:23:47 +0000</pubDate>
  17.        <atom:link href="https://api2.typography.com/rss/blog" rel="self" type="application/rss+xml" />
  18.                   <item>
  19.    <title><![CDATA[Typography for NYC Pride]]></title>
  20.    <link>https://www.typography.com/blog/typography-for-nyc-pride</link>
  21.    <description>
  22.        <![CDATA[<p>It feels timely to celebrate H&amp;Co&rsquo;s partnership with Lippincott to help reimagine the brand identity for NYC Pride, the trademark event of Heritage of Pride, with a recognized legacy of unity, protest, advocacy, and fun. Our parent company, Monotype, provided two typefaces, <a href="https://www.typography.com/fonts/knockout">Knockout</a> and <a href="https://www.typography.com/fonts/gotham">Gotham</a>, from the Hoefler&amp;Co library.</p>
  23.  
  24. <p>Knockout and Gotham lend a bold and direct yet warm appearance to the new visual identity, aligning with the group&rsquo;s new brand purpose: &ldquo;To inspire and empower every LGBTQIA person to proudly love and live their truth.&rdquo; H&amp;Co is&nbsp;thrilled to see these two expressive typefaces working on behalf of this cause.</p>
  25.  
  26. <p>40-plus years after the Stonewall Uprising in Greenwich Village, <a href="https://www.nycpride.org">Heritage of Pride</a> had arrived at a crossroads of sorts. Formed in the aftermath of Stonewall, the group&rsquo;s legacy is woven into the full sweep of the modern LGBTQIA+ movement. As the organizer of the iconic <a href="https://www.nycpride.org/event/nyc-pride-march">NYC Pride march</a>, <a href="https://www.nycpride.org/event/the-rally">The Rally</a>, and other <a href="https://www.nycpride.org/events">marquee events</a>, Heritage of Pride has seen it all&mdash;from the early days of proudly defiant public demonstration through all the challenges, victories, and progress since. &nbsp;</p>
  27.  
  28. <p>Over the years, however, the organization never settled on a single, consistent brand identity for its centerpiece event, NYC Pride, choosing instead to change the visuals in keeping with each year&rsquo;s theme.</p>
  29.  
  30. <p>The Heritage of Pride leadership team recognized it needed an enduring, resonant brand identity to help it drive equity and raise awareness around the organization&rsquo;s incredible impact. <a href="https://lippincott.com">Lippincott</a> eagerly came on board to help Heritage of Pride develop a new brand identity for NYC Pride that would reflect the organization&rsquo;s immense contributions to the LGBTQIA+ movement and the crucial role it continues to play. H&amp;Co was honored to be a part of this project.</p>
  31.  
  32. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/NYCP_1-scaled.jpg">
  33.  
  34. <p>The goal of the rebrand was to create a feeling of inclusivity and capture the spirit and importance of the organization&rsquo;s home city. This is New York after all, and the significance of the city and its people to the LGBTQIA+ movement cannot be understated. Fittingly, the Heritage of Pride team chose two typefaces with strong NYC roots to represent the brand: Gotham&reg; and Knockout&reg;, both from H&amp;Co and now part of the Monotype Library. More on them in a moment.</p>
  35.  
  36. <p>The project began with a new positioning that would act as a foundation for the brand and experience. The new brand purpose, to inspire and empower every LGBTQIA+ person to proudly love and live their truth, speaks to NYC Pride&rsquo;s roots in protest, and the annual celebration&rsquo;s power in unifying and advocating for its community.</p>
  37.  
  38. <p>The new visual identity is built around an inclusive, community-centric and truly identifiable flag emblem&mdash;one that draws from history and captures the full range of today&rsquo;s movement. The iconic Pride flag, which has evolved into a universal symbol of safety, community, and allyship, is at the center of it all, capturing the organization&rsquo;s spirit of celebration and activism. The flag subtly features the letters &lsquo;NYC&rsquo;, and features an adaptive gradient, providing storytelling flexibility and inclusivity for different subgroups within the LGBTQIA+ community.</p>
  39.  
  40. <p>{carousel_NYC_Pride_A}</p>
  41.  
  42. <p>Gotham and Knockout bring more than NYC street cred to the story. With its roots in the eclectic typography of 19th century broadsides, Knockout brings an enduring fighting spirit that honors the determination of Heritage of Pride&rsquo;s decades-long push for equality and representation.</p>
  43.  
  44. <p>The unapologetically bold stature of Knockout perfectly counterbalances the friendly openness of Gotham, a contemporary take on a style of sign lettering found all over the streets of New York. Gotham&rsquo;s elemental forms were made to express as broad a range of voices as possible. The prominent use of <a href="https://www.typography.com/fonts/gotham/styles/gothamcondensed2">Gotham Condensed Extra Black</a> allows the organization to speak in a voice that is both bold and welcoming, assertive and inclusive. Heritage of Pride joins a long list of prominent uses for Gotham, famously including the <a href="https://www.typography.com/blog/tag/Obama">Obama campaign</a>.</p>
  45.  
  46. <p>{carousel_NYC_Pride_B}</p>
  47.  
  48. <p>&ldquo;I love seeing our typefaces put to use for such a meaningful cause and organization,&rdquo; said Sara Soskolne, Creative Type Director at Monotype. &ldquo;Knockout and Gotham are ideal choices to help tell the story of NYC Pride&rsquo;s history and mission of inclusivity while conveying that it&rsquo;s more than just an annual celebration&mdash;it&rsquo;s a year-round commitment to equality.&rdquo;</p>
  49.  
  50. <p>Jenifer Lehker, Partner, Design at Lippincott, added, &ldquo;NYC Pride is recognized globally as a beacon of safety, community and allyship, but also as a symbol of protest and activism. Monotype understood this and beautifully contributed to our cause with the Gotham and Knockout font families, both of which truly convey the brand&rsquo;s spirit and legacy.</p>
  51.  
  52. <p>&ldquo;Pride began as a protest, and we wanted to capture a typographic voice reminiscent of bold, eye-catching posters used by protestors. Designed in NYC, Knockout and Gotham pay homage to the brand&rsquo;s roots, while providing the visual boldness necessary to amplify the community&rsquo;s voices.&rdquo;</p>
  53.  
  54. <p>The fight for equality is never-ending, a fact that Heritage of Pride knows well. H&amp;Co hopes this new identity for NYC Pride catapults the organization forward into a new era of advocacy and activism, and H&amp;Co is&nbsp;proud to play even a small role in that effort. &mdash;MT</p>]]>
  55.    </description>
  56.    <pubDate>Thu, 30 Jun 2022 01:49:00 +0000</pubDate>
  57.    <guid>https://www.typography.com/blog/typography-for-nyc-pride#2456</guid>
  58. </item>
  59.                   <item>
  60.    <title><![CDATA[Introducing Sagittarius]]></title>
  61.    <link>https://www.typography.com/blog/introducing-sagittarius</link>
  62.    <description>
  63.        <![CDATA[<p>Typeface designers spend a lot of time chasing down strange valences. We try to figure out what&rsquo;s producing that whiff of Art Deco, or that vaguely militaristic air, or what&rsquo;s making a once solemn typeface suddenly feel tongue-in-cheek. If we can identify the source of these qualities, we can cultivate them, and change the direction of the design; more often, we just extinguish them without mercy. Sometimes, we get the chance to follow a third path, which is how we arrived at our newest typeface, <a href="https://www.typography.com/fonts/sagittarius/overview"><strong>Sagittarius</strong></a>.</p>
  64.  
  65. <p>During the development of <a href="https://www.typography.com/fonts/peristyle/overview">Peristyle</a>, our family of compact, high-contrast sans serifs, I often found myself unwittingly humming <a href="https://open.spotify.com/playlist/6WvOFC2LevRNNoTy0c3FqK?si=QfHsFL58QXuyQPhiU43s4w&amp;nd=1" target="_blank">space-age pop songs</a>. Nothing about Peristyle&rsquo;s chic and elegant letterforms suggested the deadpan romp of &ldquo;The Planet Plan&rdquo; by United Future Organization, let alone &ldquo;Music To Watch Space Girls By&rdquo; from the ill-advised (but delicious) <em>Leonard Nimoy Presents Mr. Spock&rsquo;s Music from Outer Space,</em> but there they were. Something in the fonts was provoking an afterimage of the otherworldly, as if the typeface was sliding in and out of a parallel universe of high-tech spycraft and low-tech brawls with rubber-masked aliens. It might have had something to do with a new eyeglass prescription. But I liked the effect, and started thinking about creating an alternate, space-age version of the typeface, one with a little more funk, and a lot more fun.</p>
  66.  
  67. <p>I wondered if softer edges, a measured dose of seventies retrofuturism, and some proper draftsmanship might produce a typeface not only suitable for sci-fi potboilers, but for more serious projects, too: why not a line of skin care products, a fitness system, a high-end digital camera, or a music festival? I put a pin in the idea, wondering if there&rsquo;d ever be a project that called for equal parts sobriety and fantasy. And almost immediately, exactly such a project appeared.</p>
  68.  
  69. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sagittarius-lowercase-specimen-2.svg">
  70.  
  71. <h2>The Historical Dictionary of Science Fiction</h2>
  72.  
  73. <p><a href="https://www.jessesword.com/?" target="_blank">Jesse Sheidlower</a> is a lexicographer, a former Editor at Large for the <em>Oxford English Dictionary,</em> and a longtime friend. He&rsquo;s someone who takes equal pleasure in the words &lsquo;usufructuary&rsquo; and &lsquo;megaboss,&rsquo; and therefore a welcome collaborator for the typeface designer whose love of the Flemish baroque is matched by a fondness for alphabets made of logs. Jesse was preparing to launch <a href="https://sfdictionary.com" target="_blank"><em>The Historical Dictionary of Science Fiction,</em></a> a comprehensive online resource dedicated to the terminology of the genre, whose combination of scholarship and joy was a perfect fit for the typeface I imagined. For linguists, there&rsquo;d be well-researched citations to explain how the hitherto uninvented &lsquo;force field&rsquo; and &lsquo;warp speed&rsquo; came to enter the lexicon. For science fiction fans, there&rsquo;d be definitive (and sometimes surprising) histories of the argot of Stars both <em>Trek</em> and <em>Wars.</em> And for everyone, there&rsquo;d be the pleasure of discovering science fiction&rsquo;s less enduring contributions, from &lsquo;saucerman&rsquo; to &lsquo;braintape,&rsquo; each ripe for a comeback. A moderated, crowdsourced project, the dictionary is now online and growing every day. You&rsquo;ll find it dressed in three font families from H&amp;Co: <a href="https://www.typography.com/fonts/whitney/styles/screensmart" target="_blank">Whitney ScreenSmart</a> for its text, <a href="https://www.typography.com/fonts/decimal/how-to-use#decimal-symbol-boxes" target="_blank">Decimal</a> for its navigational icons, and <a href="https://www.typography.com/fonts/sagittarius/styles/sagittarius">Sagittarius</a> for its headlines &mdash; with some of the font&rsquo;s more fantastical alternate characters turned on.</p>
  74.  
  75. <p>{carousel_sagittarius_desktop}</p>
  76.  
  77. <p>{carousel_sagittarius_mobile}</p>
  78.  
  79. <h2>The New Typeface</h2>
  80.  
  81. <p>Sagittarius is a typeface whose rounded corners and streamlined forms give it a romantically scientific voice. In the interest of versatility, its letterforms make only oblique references to specific technologies, helping the typeface remain open to interpretation. But for projects that need the full-throated voice of science fiction, a few sets of digital accessories are included, which designers can introduce at their own discretion. There are <a href="https://www.typography.com/fonts/sagittarius/how-to-use#sagittarius-stylistic-sets">alternate letters</a> with futuristic pedigrees, from the barless <strong class="alternate">A</strong> popularized by Danne &amp; Blackburn&rsquo;s 1975 &lsquo;worm&rsquo; logo for NASA, to a disconnected <strong class="alternate">K</strong> recalling the 1968 RCA logo by Lippincott &amp; Margulies. A collection of digitally-inspired symbols are included for decorative use, from the evocative <a href="https://www.typography.com/fonts/sagittarius/how-to-use#sagittarius-micr-substitution-a">MICR symbols</a> of electronic banking, to the obligatory <a href="https://www.typography.com/fonts/sagittarius/how-to-use#sagittarius-codabar-substitution-a">barcodes</a> that forever haunt human&ndash;machine interactions. More widely applicable are the font&rsquo;s <a href="https://www.typography.com/fonts/sagittarius/how-to-use#sagittarius-fist-arrow-substitution-arrow">arrows and manicules</a>, and the automatic substitutions that resolve thirty-four awkward combinations of letters with streamlined <a href="https://www.typography.com/fonts/sagittarius/how-to-use#sagittarius-ligatures-a">ligatures</a>.</p>
  82.  
  83. <p>Sagittarius takes its name from the constellation in the zodiac, and home to some of astronomy&rsquo;s most inspiring discoveries. In 1977, a powerful radio signal originating in the Sagittarius constellation was considered by many to be the most compelling recorded evidence of extraterrestrial life. Thanks to an astronomer&rsquo;s enthusiastically penned comment, the 72-second transmission became known as the <em>Wow! signal, </em>and it galvanized support for one of science&rsquo;s most affecting projects, the Search for Extraterrestrial Intelligence <span class="small-caps">(seti).</span> More recently, Sagittarius has been identified as the location of a staggering celestial discovery: a supermassive black hole, some 44 million kilometers in diameter, in the Galactic Center of the Milky Way. &mdash;JH</p>]]>
  84.    </description>
  85.    <pubDate>Thu, 04 Feb 2021 00:03:00 +0000</pubDate>
  86.    <guid>https://www.typography.com/blog/introducing-sagittarius#2234</guid>
  87. </item>
  88.                   <item>
  89.    <title><![CDATA[Best News of the Week]]></title>
  90.    <link>https://www.typography.com/blog/biden-harris-logo</link>
  91.    <description>
  92.        <![CDATA[<p><span class="small-caps">And the second best news</span> is getting to see the logo I created for the ticket, a collaboration with Senior Creative Advisor to the campaign Robyn Kanner, which evolves the earlier mark by Aimee Brodbeck at Mekanism. What a wonderful and uplifting announcement this piece of typography gets to accompany: that the formidable Senator Kamala Harris will join the presumptive Democratic presidential nominee in a bid for the White House.</p>
  93.  
  94. <p>I can&rsquo;t remember an election in which so much attention (and speculation) has surrounded the choice of a running mate, nor having such a large field of eminently qualified candidates to choose from. A consequential decision at an unpredictable time, conducted under absolute secrecy, poses an interesting dilemma to the typographer: how do you create a logo without knowing for certain what the words will say? Logos, after all, are meaningfully informed by the shapes of their letters, and a logo designed for an <span class="small-caps">eisenhower</span> will hardly work for a <span class="small-caps">taft.</span> The solution, naturally, involves the absurd application of brute force: you just design all the logos you can think of, based on whatever public information you can gather. Every credible suggestion spotted in an op-ed was added to the list that we designers maintained, and not once did the campaign even hint at a preference for one name over another.</p>
  95.  
  96. <p>While the press debated the merits of the candidates&rsquo; backgrounds, my discussions concerned the shapes of their names. Short names versus long ones; names that began with awkwardly-shaped letters; names with ornery kerning pairs. Names whose letters aligned strangely with <span class="small-caps">biden,</span> disqualifying entire categories of visual arrangement; names that run long, thanks to a <strong class="alternate">W</strong> or <strong class="alternate">M</strong>, or short because of an <strong class="alternate">I</strong>, or all three at once. &lsquo;Heterogrammatical&rsquo; names, which contain no repeating letters; names that are <a href="https://www.typography.com/blog/text-for-proofing-fonts"><em>schnapps-words</em></a>. One peculiar feature of political design is that each logo is beholden to the others, which allows the campaign to safely prepare an identity that anticipates last-minute developments. Another is how it affects the usual pattern of advocacy and critique: recommending a logo that works for only a specific handful of candidates, there&rsquo;s no way of truly knowing what calculus will inform the feedback, because you never know if you&rsquo;re working with placebos. By necessity, good political design is a rigorous, single-blind study.</p>
  97.  
  98. <p>As both a designer (second) and a citizen (first), I am immensely pleased with the news, and enormously proud to have worked with Robyn and her team to create the typography that befits these two extraordinary public servants. &mdash;JH</p>]]>
  99.    </description>
  100.    <pubDate>Wed, 12 Aug 2020 01:14:00 +0000</pubDate>
  101.    <guid>https://www.typography.com/blog/biden-harris-logo#2166</guid>
  102. </item>
  103.                   <item>
  104.    <title><![CDATA[Type Goes to the Emmys!]]></title>
  105.    <link>https://www.typography.com/blog/going-to-the-emmys</link>
  106.    <description>
  107.        <![CDATA[<p><span class="small-caps">I&rsquo;m thrilled to discover</span> that my episode of the Netflix original documentary series <em>Abstract: The Art of Design</em> has been nominated for a <a href="https://www.emmys.com/awards/nominees-winners/2020/outstanding-main-title-design" target="_blank">2020 Primetime Emmy Award</a> for Outstanding Main Title Design. If ever there was a meaningful category for a typographer, this is it!</p>
  108.  
  109. <p>Designers know that typography plays a critical role in filmmaking, never more so than in a series like <em>Abstract,</em> and most especially in an episode devoted to typeface design. This is a documentary in which the visible typography of the city is overlaid with typographic annotations, seamlessly segueing into an opening credit sequence that&rsquo;s used not merely to <em>introduce</em> the story, but to begin <em>telling it.</em> I&rsquo;m overjoyed that this splendid piece of filmmaking has been singled out for recognition.</p>
  110.  
  111. <p>While I had the privilege of contributing the most atomic raw materials to the main titles, the nomination honors a sequence that&rsquo;s the work of the <em>Abstract</em> team, beginning with Executive Producers Scott Dadich, Morgan Neville, and Dave O&rsquo;Connor, Director Brian Oakes, Motion Graphics Producer Paula Chowles, Creative Director Allie Fisher, Motion Graphics Designer Anthony Zazzi, and Composers Timo Elliston and Brian Jones, to whom I am extraordinarily grateful. I&rsquo;m equally honored to be in such fine company for the nomination, which this episode of <em>Abstract</em> shares with <em>Carnival Row, Godfather of Harlem, The Morning Show, The Politician, Watchmen,</em> and <em>Westworld.</em></p>
  112.  
  113. <p>The 72nd Primetime Emmy Awards will be broadcast on September 20. (In an irresistible coincidence, the visual identity for the event uses our <a href="https://www.typography.com/fonts/decimal/overview">Decimal</a> typeface, whose creation is the subject of this episode of <em>Abstract.</em>) If you haven&rsquo;t seen it, I hope you&rsquo;ll spend some time with the series: it&rsquo;s still <a href="https://www.netflix.com/title/80057883?trackId=14277283" target="_blank">streaming on Netflix</a> in 190 countries, and available in thirty languages. &mdash;JH</p>]]>
  114.    </description>
  115.    <pubDate>Mon, 03 Aug 2020 21:19:00 +0000</pubDate>
  116.    <guid>https://www.typography.com/blog/going-to-the-emmys#2164</guid>
  117. </item>
  118.                   <item>
  119.    <title><![CDATA[Introducing Sentinel Pro]]></title>
  120.    <link>https://www.typography.com/blog/meet-sentinel-pro</link>
  121.    <description>
  122.        <![CDATA[<p><span class="small-caps">I&rsquo;m delighted to introduce </span>today&rsquo;s expansion of our Sentinel family. Everything from &lsquo;Fonts by Hoefler&amp;Co&rsquo; to the headline above is set in Sentinel, making it one of the typefaces on which I depend the most &mdash; a distinction I share with the thousands of designers who&rsquo;ve made Sentinel a part of their work. Today&rsquo;s new <a href="http://www.typography.com/fonts/sentinel/overview"><strong>Sentinel Pro</strong></a> includes a number of new features, including one that&rsquo;s occasioned by our recent working-from-home, and another that&rsquo;s been on the drawing board for nearly thirty years, a new personal record for the slow simmer.</p>
  123.  
  124. <h2>What&rsquo;s New</h2>
  125.  
  126. <p>The new Sentinel Pro adds <a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-creating-contrasting-textures">small caps</a>, <a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-tabular-figures">tabular figures</a>, <a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-fractions">fractions</a>, <a href="https://www.typography.com/fonts/sentinel/how-to-use#creating_charts_tables">numerics</a>, and more. We&rsquo;ve updated the fonts with the newest members of the character set &mdash; the rupee and ruble symbols, the capital and small cap <em>eszett,</em> the numero &mdash; and designed two sets of <a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-stylistic-sets">printers&rsquo; fists</a> (or &lsquo;manicules&rsquo;) that Netflix viewers will know <a href="http://www.typography.com/blog/type-design-on-netflix">I can&rsquo;t resist</a>. All of these additions have been created in both the multipurpose Sentinel Pro and the web-optimized <a href="https://www.typography.com/fonts/sentinel/styles/screensmart">Sentinel ScreenSmart Pro</a>, an adaptation of the family that&rsquo;s specially engineered for text sizes in the browser; you can see Sentinel ScreenSmart at work in the font&rsquo;s <a href="https://www.typography.com/fonts/sentinel/design-notes"><em>Design Notes</em></a> section.</p>
  127.  
  128. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sentinel-smart-fraction-sidebar.svg">
  129.  
  130. <h2>Only in 2020&hellip;</h2>
  131.  
  132. <p>This season, while everyone at H&amp;Co has been working from home, we&rsquo;ve all been spending a little extra time with domestic projects. The hours we&rsquo;ve logged with cookbooks, online recipes, woodworking plans, and patterns for sewing facemasks has reminded us just how many <em>fractions</em> there are in the world &mdash; and just how inconvenient they are to typeset. We&rsquo;ve all seen instructions that backslide into the occasional &lsquo;1/2&rsquo; where &lsquo;&frac12;&rsquo; was intended, as well as countless improvisations for connecting whole numbers to their fractional parts. (The manuscript that reads &lsquo;8-1/2&rsquo; often produces &lsquo;8-&frac12;&rsquo; instead of the desired &lsquo;8&frac12;,&rsquo; a slippery typo that&rsquo;s hard to detect, and harder still to fix using a wholesale find-and-change.) In speaking with cookbook designers, we&rsquo;ve come up with a new approach for typesetting fractions that we think might make them easier to wrangle, and we&rsquo;ve baked this new mechanism directly into the new Sentinel Pro fonts. You&rsquo;ll find more about how this works in the &lsquo;<a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-smart-fractions">Smart Fractions</a>&rsquo; section of Sentinel&rsquo;s <em>How to Use </em>page, along with a few more automated features to help make fine typography that much more attainable in a production workflow.</p>
  133.  
  134. <p>{carousel_sentinel_desktop}</p>
  135.  
  136. <p>{carousel_sentinel_mobile}</p>
  137.  
  138. <h2>Sentinel Ornaments</h2>
  139.  
  140. <p>In the early nineties, I fell in love with a set of nineteenth century decorative printers&rsquo; dashes that were reproduced in a journal article. I went about faithfully digitizing them, as an exercise in understanding what made them tick, but quickly discovered just how unforgiving digital outlines can be when it comes to capturing the charming idiosyncrasies of metal type. Reducing some shapes to their underlying geometries made them sterile, but recording their every inconsistency made them awkward. Some shapes were so disfigured by the effects of printing that it was difficult to guess what the original typefounder had even intended. These ornaments have been my rainy day project for the better part of thirty years, and their solution only recently came into focus. I took the opportunity to prune the original set, and come up with nearly two hundred additional shapes in a sympathetic style. Their new form shares many of Sentinel&rsquo;s motifs, so I&rsquo;ve welcomed them into the family: these new fonts, <a href="http://www.typography.com/fonts/sentinel/styles/sentinelornaments"><strong>Sentinel Ornaments</strong></a> <em>Bright</em> and <em>Dark,</em> are available as a package, and also included in Sentinel Pro. They&rsquo;re exactly what I&rsquo;d hoped for: not merely a means to reproduce some handsome historical artifact, but a robust and well-appointed toolkit for creating new and more relevant kinds of <a href="https://www.typography.com/fonts/sentinel/how-to-use#using_ornaments">typographic decoration</a>.</p>
  141.  
  142. <p>My thanks to the team at H&amp;Co who contributed to this project, especially Colin Ford who took on the challenge of constructing and painstakingly testing Sentinel&rsquo;s new fraction feature, and Sara Soskolne who joined me on my mad odyssey into ornaments and manicules. Whether you&rsquo;re a designer who relies on Sentinel already, or are taking an interest in the fonts for the first time, I hope the new Sentinel Pro will find a welcome home in your own font library. &mdash;JH</p>]]>
  143.    </description>
  144.    <pubDate>Wed, 15 Jul 2020 12:00:00 +0000</pubDate>
  145.    <guid>https://www.typography.com/blog/meet-sentinel-pro#2159</guid>
  146. </item>
  147.                   <item>
  148.    <title><![CDATA[Typography for Biden]]></title>
  149.    <link>https://www.typography.com/blog/biden-fonts</link>
  150.    <description>
  151.        <![CDATA[<p><span class="small-caps">On Independence Day,</span> Vice President Joe Biden&rsquo;s presidential campaign began rolling out a new visual identity built on two typefaces by Hoefler&amp;Co: the sans serif <strong><a href="https://www.typography.com/fonts/decimal/overview"><span style="color: #1B5EBF;">Decimal</span></a></strong>, and the seriffed <strong><a href="https://www.typography.com/fonts/mercury-text/overview"><span style="color: #EB2026;">Mercury Text</span></a></strong>. We could not be more proud to see our work support a campaign of nuanced thinking and decisive action, in the critical election before us.</p>
  152.  
  153. <p>When I was approached by <a href="https://twitter.com/robynkanner" target="_blank"><span style="color: #1B5EBF;">Robyn Kanner</span></a>, Senior Creative Advisor to <a href="https://joebiden.com" target="_blank"><span style="color: #1B5EBF;">Biden For President</span></a>, she shared with me one of the campaign&rsquo;s most interesting communications challenges: its reliance on sophisticated and irreducible messages, which would need the clarifying effects of typography. Kanner described this in musical terms, talking about the ways in which rhythms and harmonic resolutions can shape the contours of a long lyric. For me, this resonated with the typography of America&rsquo;s revolutionary period, and its vogue for capitalizing significant words: &ldquo;Life, Liberty and the pursuit of Happiness,&rdquo; as these unalienable rights are famously styled in <em>The Declaration of Independence.</em></p>
  154.  
  155. <p>Working together, we came up with some guidelines for the campaign&rsquo;s typography, which would help articulate thoughtful messages with attentive typography. Words of action would be set in Decimal&rsquo;s declarative small capitals, while the supporting syntax would rely on Mercury Text Grade Four. Both fonts are considered and unobvious choices for a national campaign: less than a year old, Decimal is a contemporary typeface, but one that&rsquo;s rooted in the same traditions as our most enduring designs, while the time-tested Mercury is a stalwart but adventurous text face designed to take on any challenge. Both choices feel especially apt.</p>
  156.  
  157. <p>The words above come from the Vice President Biden&rsquo;s <a href="https://www.instagram.com/p/CCOQXpXgX6v/" target="_blank"><span style="color: #1B5EBF;">address</span></a> on the Fourth of July, a surprisingly candid assessment of the unfinished American project. We at Hoefler&amp;Co are honored that our work is helping give form to these ideas, and serving a campaign of optimism, determination, and ideas. &mdash;JH</p>]]>
  158.    </description>
  159.    <pubDate>Tue, 07 Jul 2020 05:46:00 +0000</pubDate>
  160.    <guid>https://www.typography.com/blog/biden-fonts#2122</guid>
  161. </item>
  162.                   <item>
  163.    <title><![CDATA[Text for Proofing Fonts]]></title>
  164.    <link>https://www.typography.com/blog/text-for-proofing-fonts</link>
  165.    <description>
  166.        <![CDATA[<p><span class="small-caps">Type designers love a good pangram.</span> Pangrams, of course, are sentences that contain each letter of the alphabet at least once, of which <em>the quick brown fox jumps over the lazy dog</em> is surely the most famous. Lettering artists of the previous generation bequeathed us <em>jackdaws love my big sphinx of quartz;</em> puzzlers are fond of the impossibly compact <em>Mr Jock, TV quiz PhD, bags few lynx</em> for its 26-letter world record. Sometime in the early nineties, I whiled away an entire afternoon in a San Francisco caf&eacute; coming up with a bunch of my own, honoring typeface designers <em>(mix Zapf with Veljovi&#263; and get quirky B&eacute;ziers),</em> and philosophers <em>(you go tell that vapid existentialist quack Freddy Nietzsche that he can just bite me, twice),</em> and the uplifting grace of a cosmos in balance <em>(Wham! Volcano erupts fiery liquid death onto ex-jazzbo Kenny G.) </em>Pangrams are unctuous little brain ticklers, challenging to concoct, droll to read, and immensely popular for presenting fonts.</p>
  167.  
  168. <p>I find them singularly useless in type design, and I don&rsquo;t use them in my work.</p>
  169. <!--read_more-->
  170.  
  171. <h2>The Problem with Pangrams</h2>
  172.  
  173. <p>In years past, our proofs were full of pangrammatic <em>foxes</em> and <em>lynxes</em> and the rest, which made for some very merry reading. But invariably, I&rsquo;d find myself staring down a lowercase <strong class="alternate">J</strong>, and if I questioned the amount of space assigned to its left side, I&rsquo;d set off in search of some confirmation in the proof. Each time, I&rsquo;d be reminded that while pangrams delivered all kinds of <em>jocks</em> and <em>japes</em> and <em>jutes</em> and <em>judges,</em> even our prodigious list featured not a single word with a <strong class="alternate">J</strong> in the middle.{footnote_1} I also started to notice that <strong class="alternate">X</strong>s had an unusually strong affinity for <strong class="alternate">Y</strong>s in pangrams, because pangrams make a sport of concision. Words like <em>foxy</em> and <em>oxygen</em> deliver real bang for your buck if you&rsquo;re out to craft a compact sentence, but to the typeface designer noticing that the pair <strong class="alternate">XY</strong> looks consistently wrong, none of these words will reveal which letter is at fault. I&rsquo;d find myself rewriting the pangrams, popping in an occasional &lsquo;doxology&rsquo; to see if the <strong class="alternate">X</strong> was balanced between round letters, or &lsquo;dynamo&rsquo; to review the <strong class="alternate">Y</strong> between flat ones.</p>
  174.  
  175. <p>The far more pernicious issue with pangrams, as a means for evaluating typefaces, is how poorly they portray what text actually looks like. Every language has a natural distribution of letters, from most to least common, English famously beginning with the <strong class="alternate">E</strong> that accounts for one eighth of what we read, and ending with the <strong class="alternate">Z</strong> that appears just once every 1,111 letters.{footnote_2} Letter frequencies differ by language and by era &mdash; the <strong class="alternate">J</strong> is ten times more popular in Dutch than English; biblical English unduly favors the <strong class="alternate">H</strong> thanks to archaisms like <em>thou</em> and <em>sayeth &mdash; </em>but no language behaves the way pangrams do, with their forced distribution of exotics. Seven of the most visually awkward letters, the <strong class="alternate">W</strong>, <strong class="alternate">Y</strong>, <strong class="alternate">V</strong>, <strong class="alternate">K</strong>, <strong class="alternate">X</strong>, <strong class="alternate">J</strong>, and <strong class="alternate">Z</strong>, are among the nine rarest in English, but pangrams force them into every sentence, guaranteeing that every paragraph will be riddled with holes. A typeface designer certainly can&rsquo;t avoid accounting for these unruly characters, but there&rsquo;s no reason that they should be <em>disproportionately</em> represented when evaluating how a typeface will perform.</p>
  176.  
  177. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hco-proof-frequency-2B.svg">
  178.  
  179. <p>&nbsp;</p>
  180.  
  181. <h2>A New Approach</h2>
  182.  
  183. <p>In 2015, I dumped the pangrams we&rsquo;d accumulated and rewrote our proofs from scratch, trading their wacky and self-satisfied cleverness for lists of words that are actually illustrative. My initial goal was to show each letter between flat- and round-sided neighbors, to illustrate categorically how each letter was spaced. (While drawing, type designers use strings such as <strong class="alternate">nnsnonosoo</strong> to evaluate how a lowercase <strong class="alternate">s</strong> fits between flat letters and round ones, judged by evaluating the fragments <strong class="alternate">nsn</strong> and <strong class="alternate">oso</strong>. Elsewhere in this string are three &lsquo;control&rsquo; textures: the all-flat <strong class="alternate">nn</strong>, the all-round <strong class="alternate">oo</strong>, and the mixed-shape <strong class="alternate">nono</strong>, which offer a baseline against which to measure any turbulence caused by the <strong class="alternate">s</strong>.) Anecdotally, I know that the words &ldquo;e<strong class="alert">nsn</strong>are&rdquo; and &ldquo;b<strong class="alert">oso</strong>n&rdquo; illustrate these same relationships, so I set about finding words that were similarly useful for the rest of the alphabet, using a combination of algorithmic dictionary searches and personal preference.</p>
  184.  
  185. <p>I also thought it might be useful if our proofs demonstrated each letter at the start of a word, and at the end, and also &mdash; crucially &mdash; doubled: letters like <strong class="alternate">s</strong> and <strong class="alternate">g</strong> take on mysterious properties once they start to accumulate, making words like &ldquo;mi<strong class="alert">ss</strong>ing&rdquo; and &ldquo;bu<strong class="alert">gg</strong>y&rdquo; often illuminating. (Some German-speaking typographers call these &lsquo;schnapps-words,&rsquo; an endearing tribute to boozy double-vision. Satisfyingly, <em>schnapps</em> is itself a schnapps-word.) Even better than the schnapps-word &ldquo;buggy,&rdquo; which positions the <strong class="alternate">gg</strong> pair next to an awkward <strong class="alternate">y</strong>, would be something with a neutral context: the word &ldquo;smu<strong class="alert">gg</strong>le&rdquo; does the job, with its flat-sided <strong class="alternate">u</strong> and <strong class="alternate">l</strong>.</p>
  186.  
  187. <p>But <em>most</em> importantly, I wanted to organize the text logically, so that instead of spending a whole afternoon stalking a wild <strong class="alternate">K</strong> in the bush, I&rsquo;d always know exactly where to find it. I thought I might further ease the process by choosing words that were familiar, comfortable to read, easy to remember, and easy to hear over the phone, to provide a little succor before the project of kerning individual pairs of letters would begin, and we&rsquo;d find ourselves exiled to a bloodcurdling realm of <em>Gri<strong class="alert">jp</strong>skerks</em> and <em>Qui<strong class="alert">jq</strong>uemeyas.</em></p>
  188.  
  189. <p>Finally, I wanted the text to have the visual cadences of my native English, in which words of variable but digestible length are punctuated by shorter ones. Type, after all, should be something that you want to read.</p>
  190.  
  191. <p>Here&rsquo;s the result:</p>
  192.  
  193. <div class="addendum">
  194. <p>Hoefler&rsquo;s Proof: Lowercase 1.0</p>
  195.  
  196. <p>Angel Adept Blind Bodice Clique Coast Dunce Docile Enact Eosin Furlong Focal Gnome Gondola Human Hoist Inlet Iodine Justin Jocose Knoll Koala Linden Loads Milliner Modal Number Nodule Onset Oddball Pneumo Poncho Quanta Qophs Rhone Roman Snout Sodium Tundra Tocsin Uncle Udder Vulcan Vocal Whale Woman Xmas Xenon Yunnan Young Zloty Zodiac. Angel angel adept for the nuance loads of the arena cocoa and quaalude. Blind blind bodice for the submit oboe of the club snob and abbot. Clique clique coast for the pouch loco of the franc assoc and accede. Dunce dunce docile for the loudness mastodon of the loud statehood and huddle. Enact enact eosin for the quench coed of the pique canoe and bleep. Furlong furlong focal for the genuflect profound of the motif aloof and offers. Gnome gnome gondola for the impugn logos of the unplug analog and smuggle. Human human hoist for the buddhist alcohol of the riyadh caliph and bathhouse. Inlet inlet iodine for the quince champion of the ennui scampi and shiite. Justin justin jocose for the djibouti sojourn of the oranj raj and hajjis. Knoll knoll koala for the banknote lookout of the dybbuk outlook and trekked. Linden linden loads for the ulna monolog of the consul menthol and shallot. Milliner milliner modal for the alumna solomon of the album custom and summon. Number number nodule for the unmade economic of the shotgun bison and tunnel. Onset onset oddball for the abandon podium of the antiquo tempo and moonlit. Pneumo pneumo poncho for the dauphin opossum of the holdup bishop and supplies. Quanta quanta qophs for the inquest sheqel of the cinq coq and suqqu. Rhone rhone roman for the burnt porous of the lemur clamor and carrot. Snout snout sodium for the ensnare bosom of the genus pathos and missing. Tundra tundra tocsin for the nutmeg isotope of the peasant ingot and ottoman. Uncle uncle udder for the dunes cloud of the hindu thou and continuum. Vulcan vulcan vocal for the alluvial ovoid of the yugoslav chekhov and revved. Whale whale woman for the meanwhile blowout of the forepaw meadow and glowworm. Xmas xmas xenon for the bauxite doxology of the tableaux equinox and exxon. Yunnan yunnan young for the dynamo coyote of the obloquy employ and sayyid. Zloty zloty zodiac for the gizmo ozone of the franz laissez and buzzing.</p>
  197. </div>
  198.  
  199. <h2>How to use this proof</h2>
  200.  
  201. <p>The new proof begins with each of the capital letters bounded by flat-sided and round-sided neighbors: the capital <strong class="alternate">A</strong> up against the flat side of the <strong class="alternate">n</strong>, and then the round side of the <strong class="alternate">d</strong>, in the pair &ldquo;<strong class="alert">An</strong>gel <strong class="alert">Ad</strong>ept.&rdquo; This pattern continues through the <strong class="alternate">Z</strong>, with &ldquo;<strong class="alert">Zl</strong>oty <strong class="alert">Zo</strong>diac.&rdquo;</p>
  202.  
  203. <p>From here, each sentence begins with a capital letter, in alphabetical order, making things easy to locate: everything connected with the lowercase <strong class="alternate">K</strong>, for example, is in the &ldquo;K-sentence,&rdquo; which begins with the capital-K &ldquo;<strong class="alert">K</strong>noll.&rdquo; The sentence includes examples of this letter at the head of a word, bordering flat and round neighbors (&ldquo;<strong class="alert">kn</strong>oll <strong class="alert">ko</strong>ala&rdquo;), and then between flat and round letters (&ldquo;ba<strong class="alert">nkn</strong>ote lo<strong class="alert">oko</strong>ut&rdquo;), where we can categorically see how they&rsquo;re fitted with typographically-neutral forms. Each sentence proceeds to show the letter at the ends of words (&ldquo;dybb<strong class="alert">uk</strong> outlo<strong class="alert">ok</strong>&rdquo;), and concludes with a schnapps-word (&ldquo;tre<strong class="alert">kk</strong>ed&rdquo;). I&rsquo;ve sprinkled the proof with short fragments of connective tissue (<em>and, of the, for the</em>) to produce a pattern that&rsquo;s plausibly comparable to real text, useful for those many times when the goal is not to evaluate the behavior of an individual letter, but rather to take in the text en masse, to appreciate its rhythm, its color, and its texture.</p>
  204.  
  205. <p>Because the text favors plain-sided letters for context &mdash; the <strong class="alternate">h</strong>s and <strong class="alternate">n</strong>s and <strong class="alternate">m</strong>s delightfully known as &ldquo;typographical sirloin{footnote_3}&rdquo; &mdash; it consequently uses fewer characters with awkward silhouettes. This applies not only to the edge-case <strong class="alternate">v</strong>, <strong class="alternate">w</strong>, and <strong class="alternate">y</strong>, with their diagonal profiles, but also the more common <strong class="alternate">e</strong>, <strong class="alternate">t</strong>, <strong class="alternate">r</strong>, and <strong class="alternate">c</strong> that are unavoidably cavernous on their right sides. (The omission of familiar letters always passes without notice, as <em>lipogrammeur</em> George Perec wickedly demonstrated in <em><a href="https://en.wikipedia.org/wiki/A_Void" target="_blank">La Disparition</a>,</em> his 300-page novel written entirely without the benefit of the letter <strong class="alternate">e</strong>.) Because the new font proofs overrepresent these neutral letters, they produce an unusually calm rhythm, which helps to cast into especially sharp relief any problems with individual letters. That is, any issues with the <strong class="alternate">b</strong> should be immediately apparent from a mere glance at the B-sentence, where, amidst the agreeable sirloin, there is a concentration of the letter <strong class="alternate">b</strong> nine times greater than statistics would suggest.</p>
  206.  
  207. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/pangram-frequency-1.svg">
  208.  
  209. <p>&nbsp;</p>
  210.  
  211. <h2>Further Variations</h2>
  212.  
  213. <p>Because upper- and lowercase letters have different properties &mdash; a lowercase <strong class="alternate">d</strong> is round on the left and flat on the right, the exact opposite of a capital <strong class="alternate">D</strong> &mdash; I&rsquo;ve put together additional proofs for evaluating both capitals and small caps. These follow the same underlying scheme as the lowercase proof, and are designed to be used the same way: K-related issues are best evaluated by the K-sentence, which is alphabetized under K.</p>
  214.  
  215. <div class="addendum">
  216. <p>Hoefler&rsquo;s Proof: Uppercase 1.0</p>
  217.  
  218. <p>ABIDE ACORN OF THE HABIT DACRON FOR THE BUDDHA GOUDA QUAALUDE. BENCH BOGUS OF THE SCRIBE ROBOT FOR THE APLOMB JACOB RIBBON. CENSUS CORAL OF THE SPICED JOCOSE FOR THE BASIC HAVOC SOCCER. DEMURE DOCILE OF THE TIDBIT LODGER FOR THE CUSPID PERIOD BIDDER. EBBING ECHOING OF THE BUSHED DECAL FOR THE APACHE ANODE NEEDS. FEEDER FOCUS OF THE LIFER BEDFORD FOR THE SERIF PROOF BUFFER. GENDER GOSPEL OF THE PIGEON DOGCART FOR THE SPRIG QUAHOG DIGGER. HERALD HONORS OF THE DIHEDRAL MADHOUSE FOR THE PENH RIYADH BATHHOUSE. IBSEN ICEMAN OF THE APHID NORDIC FOR THE SUSHI SAUDI SHIITE. JENNIES JOGGER OF THE TIJERA ADJOURN FOR THE ORANJ KOWBOJ HAJJIS. KEEPER KOSHER OF THE SHRIKE BOOKCASE FOR THE SHEIK LOGBOOK CHUKKAS. LENDER LOCKER OF THE CHILD GIGOLO FOR THE UNCOIL GAMBOL ENROLLED. MENACE MCCOY OF THE NIMBLE TOMCAT FOR THE DENIM RANDOM SUMMON. NEBULA NOSHED OF THE INBRED BRONCO FOR THE COUSIN CARBON KENNEL. OBSESS OCEAN OF THE PHOBIC DOCKSIDE FOR THE GAUCHO LIBIDO HOODED. PENNIES PODIUM OF THE SNIPER OPCODE FOR THE SCRIP BISHOP HOPPER. QUANTA QOPHS OF THE INQUEST OQOS FOR THE CINQ COQ SUQQU. REDUCE ROGUE OF THE GIRDLE ORCHID FOR THE MEMOIR SENSOR SORREL. SENIOR SCONCE OF THE DISBAR GODSON FOR THE HUBRIS AMENDS LESSEN. TENDON TORQUE OF THE UNITED SCOTCH FOR THE NOUGHT FORGOT BITTERS. UNDER UGLINESS OF THE RHUBARB SEDUCE FOR THE MANCHU HINDU CONTINUUM. VERSED VOUCH OF THE DIVER OVOID FOR THE TELAVIV KARPOV FLIVVER. WENCH WORKER OF THE UNWED SNOWCAP FOR THE ANDREW ESCROW GLOWWORM. XENON XOCHITL OF THE MIXED BOXCAR FOR THE SUFFIX ICEBOX EXXON. YEOMAN YONDER OF THE HYBRID ARROYO FOR THE DINGHY BRANDY SAYYID. ZEBRA ZOMBIE OF THE PRIZED OZONE FOR THE FRANZ ARROZ BUZZING.</p>
  219. </div>
  220.  
  221. <h2>Best Practices</h2>
  222.  
  223. <p>Because so many combinations appear more than once, it&rsquo;s tempting to make notes wherever something is noticed, but I&rsquo;ve found it useful to develop some discipline around this. If a rogue double <strong class="alternate">O</strong> in <span class="small-caps">&ldquo;logb<strong class="alert">oo</strong>k&rdquo;</span> stands out, it&rsquo;s best to confirm this observation in the O-sentence, where the word <span class="small-caps">&ldquo;h<strong class="alert">oo</strong>ded&rdquo;</span> unequivocally reveals whether or not these letters are behaving. This not only has the benefit of demonstrating the <strong class="alternate">OO</strong> pair in a typographically neutral context, undisturbed by the open space of the <strong class="alternate">B</strong> in <span class="small-caps">&ldquo;logbook&rdquo;,</span> it also helps you find your own notes, by keeping all your comments about the <strong class="alternate">O</strong> together in the O-sentence.</p>
  224.  
  225. <p>Finally, there&rsquo;s a proof for the small caps, whose text essentially duplicates the behavior of the capitals, with an additional section on top. In the words <span class="small-caps">&ldquo;Abide Acorn Anaheim,&rdquo;</span> we have not only a capital <strong class="alternate">A</strong> next to flat and round small caps (<strong class="alternate">B</strong> and <strong class="alternate">C</strong>), but also the word &ldquo;<span class="small-caps"><strong class="alert">A</strong>n<strong class="alert">a</strong>heim</span>&rdquo; for comparing the capital and small cap forms in close proximity. These are included for every letter, i.e. <span class="small-caps">&ldquo;<strong class="alert">B</strong>a<strong class="alert">b</strong>cock, <strong class="alert">C</strong>o<strong class="alert">c</strong>oon, <strong class="alert">D</strong>i<strong class="alert">d</strong>ion,&rdquo;</span> etc.</p>
  226.  
  227. <div class="addendum">
  228. <p>Hoefler&rsquo;s Proof: Small Caps 1.0</p>
  229.  
  230. <p><span class="small-caps">Abide Acorn Anaheim. Bench Bogus Babcock. Census Coral Cocoon. Demure Docile Didion. Ebbing Echoing Energetic. Feeder Focus Fiftieth. Gender Gospel Gogol. Herald Honors Hohokus. Ibsen Iceman Isinglass. Jennies Jogger Jejune. Keeper Kosher Kokopelli. Lender Locker Liliput. Menace Mccoy Mimosa. Nebula Noshed Nonesuch. Obsess Ocean Onondaga. Pennies Podium Popcorn. Quanta Qophs Queque. Reduce Rogue Reread. Senior Sconce Sesame. Tendon Torque Totality. Under Ugliness Usually. Versed Vouch Vivacious. Wench Worker Wowed. Xenon Xochitl Xerxes. Yeoman Yonder Yoyo. Zebra Zombie Zizek.</span></p>
  231.  
  232. <p><span class="small-caps">Abide abide acorn of the habit dacron for the buddha gouda quaalude. Bench bench bogus of the scribe robot for the aplomb jacob ribbon. Census census coral of the spiced jocose for the basic havoc soccer. Demure demure docile of the tidbit lodger for the cuspid period bidder. Ebbing ebbing echoing of the bushed decal for the apache anode needs. Feeder feeder focus of the lifer bedford for the serif proof buffer. Gender gender gospel of the pigeon dogcart for the sprig quahog digger. Herald herald honors of the dihedral madhouse for the penh riyadh bathhouse. Ibsen ibsen iceman of the aphid nordic for the sushi saudi shiite. Jennies jennies jogger of the tijera adjourn for the oranj kowboj hajjis. Keeper keeper kosher of the shrike bookcase for the sheik logbook chukkas. Lender lender locker of the child gigolo for the uncoil gambol enrolled. Menace menace mccoy of the nimble tomcat for the denim random summon. Nebula nebula noshed of the inbred bronco for the cousin carbon kennel. Obsess obsess ocean of the phobic dockside for the gaucho libido hooded. Pennies pennies podium of the sniper opcode for the scrip bishop hopper. Quanta quanta qophs of the inquest oqos for the cinq coq suqqu. Reduce reduce rogue of the girdle orchid for the memoir sensor sorrel. Senior senior sconce of the disbar godson for the hubris amends lessen. Tendon tendon torque of the united scotch for the nought forgot bitters. Under under ugliness of the rhubarb seduce for the manchu hindu continuum. Versed versed vouch of the diver ovoid for the telaviv karpov flivver. Wench wench worker of the unwed snowcap for the andrew escrow glowworm. Xenon xenon xochitl of the mixed boxcar for the suffix icebox exxon. Yeoman yeoman yonder of the hybrid arroyo for the dinghy brandy sayyid. Zebra zebra zombie of the prized ozone for the franz arroz buzzing.</span></p>
  233. </div>
  234.  
  235. <p>&nbsp;</p>
  236.  
  237. <p>I&rsquo;m making these texts available with the hope that they&rsquo;ll be useful to anyone looking critically at type, most of all the designers with whom I&rsquo;ve been conducting <a href="https://www.typography.com/blog/type-crits-on-twitter">free type clinics</a> on Twitter. I&rsquo;d welcome anyone&rsquo;s contributions or extensions, which you&rsquo;re welcome to make on our <a href="http://github.com/hoeflerco/proofs" target="_blank">GitHub repo</a>: more than once, I&rsquo;ve found myself wondering what speakers of other languages, and other script systems, might do with this approach.</p>
  238.  
  239. <p>My thanks to Lydia Hill for illustrating some of the beloved denizens of Camp Pangram, like the breezy kinkajou, piqued zebra, and warm-hearted hyrax above. I feel better about booting them from the font proofs, knowing that they&rsquo;ll forever inhabit this dazzling realm of hyacinths, foxgloves, and jonquils. &mdash;JH</p>]]>
  240.    </description>
  241.    <pubDate>Tue, 19 May 2020 10:34:00 +0000</pubDate>
  242.    <guid>https://www.typography.com/blog/text-for-proofing-fonts#2071</guid>
  243. </item>
  244.                   <item>
  245.    <title><![CDATA[Introducing Cesium]]></title>
  246.    <link>https://www.typography.com/blog/introducing-cesium</link>
  247.    <description>
  248.        <![CDATA[<p><span class="small-caps">I always felt</span> that our <a href="https://www.typography.com/fonts/vitesse">Vitesse</a> typeface, an unusual species of slab serif, would take well to an inline. Vitesse is based not on the circle or the ellipse, but on a less familiar shape that has no common name, a variation on the &lsquo;stadium&rsquo; that has two opposing flat edges, and two gently rounded sides. In place of sharp corners, Vitesse uses a continuously flowing stroke to manage the transition between upright and diagonal lines, most apparent on letters like <strong class="alternate">M</strong> and <strong class="alternate">N</strong>. A year of making this gesture with my wrist, both when drawing letterforms and miming their intentions during design critiques, left me thinking about a reduced version of the typeface, in which letters would be defined not by inside and outside contours, but by a single, fluid raceway. Like most straightforward ideas, this one proved challenging to execute, but its puzzles were immensely satisfying to solve.</p>
  249.  
  250. <p>Adding an inline to a typeface is the quickest way to reveal its secrets. All the furtive adjustments in weight and size that a type designer makes &mdash; relieving congestion by thinning the center arm of a bold <strong class="alternate">E</strong>, or lightening the intersecting strokes of a <strong class="alternate">W</strong> &mdash; are instantly exposed with the addition of a centerline. Adapting an existing alphabet to accommodate this inline called for renovating every single character (down to the capital <strong class="alternate">I</strong>, the period, and even the <em>space</em>), in some cases making small adjustments to reallocate weight, at other times redesigning whole parts of the character set. The longer we worked on the typeface, the more we discovered opportunities to turn these constraints into advantages, solving stubbornly complex characters like <strong class="alternate">&euro;</strong> and <strong class="alternate">&sect;</strong> by redefining how an inline should behave, and using these new patterns to reshape the rest of the alphabet.</p>
  251.  
  252. <p>&nbsp;</p>
  253.  
  254. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/vitesse-vs-cesium.svg">
  255.  
  256. <p>The outcome is our new typeface, <strong>Cesium&reg;.</strong> It shares many of Vitesse&rsquo;s qualities, its heartbeat an energetic thrum of motorsports and industry, and it will doubtless be welcome in both hardware stores and Hollywood. But we&rsquo;ve been surprised by Cesium&rsquo;s more reflective moods, its ability to be alert and softspoken at the same time. Much in the way that vibrant colors can animate a typeface, we&rsquo;ve found that Cesium&rsquo;s sensitivity to <em>spacing</em> most effectively changes its voice. Tighter leading and tracking turns up the heat, heightening Cesium&rsquo;s sporty, high-tech associations, but with the addition of letterspacing it achieves an almost literary repose. This range of voices recommends Cesium not only to logos, book covers, and title sequences, but to projects that regularly must adjust their volume, such as identities, packaging, and editorial design. (Read more about <a href="https://www.typography.com/fonts/cesium/how-to-use">how to use Cesium</a>.)</p>
  257.  
  258. <p>{carousel_cesium_desktop}</p>
  259.  
  260. <p>{carousel_cesium_mobile}</p>
  261.  
  262. <p><span style="font-size: 14px;">As for its name: Cesium is a chemical element, one of only five metals that&rsquo;s liquid at room temperature. Resembling quicksilver, cesium is typically stored in a glass ampule, where the tension between a sturdy outer vessel and its volatile contents is scintillating. The Cesium typeface hopes to capture this quality, its bright and insistent inline restrained by a strong and sinuous container.</span></p>
  263.  
  264. <p>Cesium is one of only three H&amp;Co typefaces whose name comes from the periodic table, a distinction it shares with <a href="https://www.typography.com/fonts/mercury-display">Mercury</a> and <a href="https://www.typography.com/fonts/tungsten">Tungsten</a>. At a time when I considered a more sci-fi name for the typeface, I learned that these three elements have an unusual connection: they&rsquo;re used together in the propulsion system of <span class="small-caps">nasa</span>&rsquo;s Deep Space 1, the first interplanetary spacecraft powered by an ion drive. I found the association compelling, and adopted the name at once, with the hope that designers might employ the typeface in the same spirit of discovery, optimism, and invention. &mdash;JH</p>]]>
  265.    </description>
  266.    <pubDate>Wed, 29 Apr 2020 15:37:00 +0000</pubDate>
  267.    <guid>https://www.typography.com/blog/introducing-cesium#2107</guid>
  268. </item>
  269.                   <item>
  270.    <title><![CDATA[Recommended Reading]]></title>
  271.    <link>https://www.typography.com/blog/recommended-reading-for-typographers</link>
  272.    <description>
  273.        <![CDATA[<p><span class="small-caps">I suspect I&rsquo;m not alone</span> in my current appetite for reading: right now I&rsquo;m craving things that are written with clarity, wit, honesty, and heart, and I very much need to hear from good-natured people of extraordinary ability who love what they do. Below are some of the books I&rsquo;ve most enjoyed reading of late, three connected only tangentially with typography because their subjects are words, and two that are more expressly about design. All five share a sincerity, an attention to detail, and a sense of humor that has kept me smiling for weeks. I hope you&rsquo;ll enjoy them as much as I have.</p>
  274. <!--read_more-->
  275.  
  276. <h3 class="subhead-sentinel">Word by Word</h3>
  277.  
  278. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fatsis-word-freak.jpg">
  279.  
  280. <p>Of the many books about words and dictionaries that I seem to have read, I can&rsquo;t remember enjoying any quite as much as <em>Word by Word,</em> Kory Stamper&rsquo;s account of life as a lexicographer. Stamper and her colleagues at Merriam-Webster write dictionaries, which surely bests my own weirdo profession for its ability to stump the uninitiated. <em>You do what, now?</em></p>
  281.  
  282. <p>More than a mere tour of the scholarly work of gathering citations and writing entries, <em>Word by Word</em> is an exploration of the responsibilities of a working lexicographer, recounted from Stamper&rsquo;s unique perspective and told with her delicious wit. There&rsquo;s the business of engaging with the public: sure, politely declining your proposal for this kickass word that should totally be in the dictionary, but also answering the journalist who has found a moment of abominable racism casually lurking in a definition, and would like a statement fifteen minutes before airtime. There&rsquo;s the ongoing project of revising the dictionary, from updating outmoded definitions (&ldquo;marriage&rdquo;) and confronting prejudice (&ldquo;nude&rdquo; colored stockings), to <span class="small-caps">wtf</span>ing all manner of baffling weirdness, such as the children&rsquo;s dictionary that merrily illustrates the word &ldquo;up&rdquo; with the sample phrase &ldquo;blow <em>up</em> the bridge.&rdquo; And then there&rsquo;s the field research, collecting and reading everything, not just newspapers and novels, but advertisements, transcripts, pamphlets, liner notes, and the occasional unopened cardboard cylinder of oatmeal that someone brought in because it offered a promising citation for &ldquo;steel cut.&rdquo;</p>
  283.  
  284. <p>Stamper rejoices in the nuance of English and welcomes its expanding perimeter, steadfastly refusing to judge, and instead telling the truth about how language is used. She&rsquo;s quick to deflate pompous fallacies, reminding us that Shakespeare employed double negatives and Jane Austen used &ldquo;ain&rsquo;t,&rdquo; and that every standard for Good Grammar boils down to someone&rsquo;s arbitrary ideas about style. &ldquo;We think of English as a fortress to be defended,&rdquo; she writes, &ldquo;but a better analogy is to think of English as a child. We love and nurture it into being, and once it gains gross motor skills, it starts going exactly where we don&rsquo;t want it to go: it heads right for the goddamned electrical sockets.&rdquo;</p>
  285.  
  286. <h3 class="subhead-sentinel">Dreyer&rsquo;s English</h3>
  287.  
  288. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/stamper-word-by-word.jpg">
  289.  
  290. <p>If you are a compulsive oversharer and spoiler of the books you read &mdash; <em>haha! listen to this, this part&rsquo;s great:</em> &mdash; and already too familiar with your loved ones&rsquo; scowls as they burrow deeper into their pillows, don their headphones, or simply take off for the goddamned living room, you might approach <em>Dreyer&rsquo;s English</em> with caution. It is a style guide for writers, and while it&rsquo;s demonstrably useful as a handbook, it&rsquo;s also acidly funny, and a bonafide page-turner. Dreyer is joyously eclectic but unshowy in his anecdotage, that rarest of artists who likes to color with all the crayons in the box, and still manages to create something splendid. It&rsquo;s difficult to resist quoting my favorite passages in full, but equally hard to limit myself to sharing only a few sublime moments, such as the interlude about thorny punctuation entitled <em>The Possessivization of Donald Trump, Jr.: A Grand Guignol in One Act,</em> the entries for T. S. Eliot and Alanis Morissette, and the section discussing the words <em>come/cum,</em> footnotes and all. Footnotes most of all.</p>
  291.  
  292. <p>Benjamin Dreyer is the executive managing editor and copy chief at Random House, and copy chiefs are a curious literary fulcrum: they may assist writers, but they serve readers, by working to make writing more clear. It&rsquo;s a job that&rsquo;s part lifeguard, part rabbi, part authority, and part best friend, requiring the ability to understand one&rsquo;s authors so well that one can help them be better at being themselves. This may involve pencilling out a redundant word that was written without thinking (<em>all-time</em> record, <em>hollow</em> tube), or observing that a postcard from the fifties would have been addressed not &ldquo;Boston, MA 02128&rdquo; but rather &ldquo;Boston 28, Mass.&rdquo; It may involve asking whether you noticed, or are at all concerned, that the climactic scene in your book is shared by four characters whose names all begin with the letter <em>M.</em> Copy chiefs also know that <em>Finnegan&rsquo;s Wake</em> doesn&rsquo;t actually have that apostrophe, that Chewbacca was not a Wookie but a Wookiee, and that neither <em>Alice in Wonderland</em> nor <em>The Diary of Anne Frank</em> is the correct title of the book you&rsquo;re thinking of.</p>
  293.  
  294. <p><em>Dreyer&rsquo;s English</em> is organized as a reference book but served like a feast, each course distinctive and exciting. Its author takes an unabashedly personal approach to style, candidly copping to his choices with a refreshing insouciance. (Each moment of subjectivity or contradiction is disclosed with an undercurrent of <em>yup, that&rsquo;s how I like to do it, whatcha gonna do.)</em> I enjoyed the book first as a cover-to-cover read, later as an indispensable desk reference, and most recently as an intermittent literary refuge for these verbally tortured times.</p>
  295.  
  296. <h3 class="subhead-sentinel">Word Freak</h3>
  297.  
  298. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/dreyers-english.jpg">
  299.  
  300. <p>In the introduction to <em>Word Freak,</em> a man who plays professional Scrabble witheringly characterizes author Stefan Fatsis as &ldquo;a good living room player.&rdquo; This comes at a point where Fatsis is routinely finishing games with scores north of 400 &mdash; already better than I do today, and I always fancied myself a pretty good player &mdash; and this is our introduction to a realm of competitive play that transcends mere vocabularistic prowess. In one memorable exchange, a player opens a game with the word <span class="small-caps">entasis,</span> scoring a fifty point bonus for using all seven of his tiles; his opponent calmly counters by placing <span class="small-caps">realise</span> atop it, scoring not only for his own seven-letter word, but for the seven <em>two-letter words</em> it produces. This has yet to happen in my living room.</p>
  301.  
  302. <p>A longtime sports journalist, Fatsis has a natural gift for capturing the drama of the contest and the heroism of its contestants. We are introduced to one top-ranked player, so singularly devoted to the game that he&rsquo;s never moved out of his parents&rsquo; house, where he tirelessly plays online for fourteen hours a day; we then meet another player, a stage performer who casually tried the game at a friend&rsquo;s suggestion, and discovered a preternatural ability that landed him at the very top of the field as well. (Needless to say, a throughline of the book is how much the first guy <em>hates</em> the second guy, and their moments of conflict and cooperation are recounted with wicked delight.) These are players for whom words like <span class="small-caps">haftarot</span> and <span class="small-caps">oxtering</span> are common, as are scores in the high seven hundreds. <em>Word Freak</em> is not only a look into this peculiar alphabetical precinct, but a joyful chronicle of Fatsis&rsquo; own development as an accomplished player, a wordplay enthusiast, and a lover of words.</p>
  303.  
  304. <h3 class="subhead-sentinel">House Industries Lettering Manual</h3>
  305.  
  306. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/house-lettering-manual.jpg">
  307.  
  308. <p>I wonder what the elevator pitch was for Ken Barber&rsquo;s new book. Because Ken and I have known each other for twenty-some years, its contents make perfect sense to me: it integrates hands-on instruction, case studies of his adept work at House Industries, photographs of the author in costumes and wigs, meditations on the practice of typography, and references to both Swedish and Norwegian black metal <em>(pp. 15, 194.)</em> It is embossed with a crocodile print, and has a foreword by Jimmy Kimmel. To someone who knows Ken and his work, this is all of a piece, a signature blend of serious artistry and not taking himself too seriously, the result of a career spent observing, teaching, laughing, and above all, drawing. Whether or not he slipped all this into the brief may never be known, but how lucky we are that he did.</p>
  309.  
  310. <p>Ken and his colleagues at House are famous for a sincere eclecticism that embraces Hot Wheels and Giambattista Bodoni with equal affection <em>(pp. 162, 140)</em>, which makes the <em>House Industries Lettering Manual</em> doubly noteworthy: first for its willingness to draw upon so many different traditions, and second for its admirable restraint. For a book that straddles three genres &mdash; it is part manual, part monograph, and part essay &mdash; Ken has included the best of what each has to offer, and trimmed absolutely all of the fat. The case studies, concise rather than exhaustive, are chosen with care, which only serves to make the occasional forays into tracing paper iterations that much more satisfying. As a manual, the book focuses on genuine instruction, and resists the temptation to pad its pages with genre examples. (So many books about lettering are a few pages of tips, followed by a Bataan Death March of stock alphabets in styles from blackletter to sans serif &mdash; a practice that was arguably useful in the days before the internet, but is unforgivably pointless today.) Smartly, Ken has instead created focussed illustrations of typographic phenomena, offering practical advice about the shaping of letters and words, and employing a useful and intuitive nomenclature that goes far beyond <em>x-heights</em> and <em>ascenders.</em> The book&rsquo;s differentiation between <em>component, area,</em> and <em>perimeter</em> drawings was new to me, as was its definition of <em>rolling</em> as opposed to <em>arcing</em> lettering, a byproduct of Ken&rsquo;s collaboration with all manner of lettering artists. In a sidebar about energetic letterforms, I found his distinction between <em>vertical, proportional,</em> and <em>rotational</em> bounce to be useful handles for something I&rsquo;ve viscerally felt, but never thought to dissect. Ken&rsquo;s well-illustrated observations are easily understood and quickly absorbed, seeming completely second nature once you&rsquo;ve taken them in, always the hallmark of the very best teaching.</p>
  311.  
  312. <h3 class="subhead-sentinel">Designing Graphic Props for Filmmaking</h3>
  313.  
  314. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/atkins.jpg">
  315.  
  316. <p>As a designer, it&rsquo;s nearly impossible to surrender myself to the fantasy of a period drama, because I&rsquo;m forever anticipating the moment when a ham-fisted prop will shatter the illusion. It&rsquo;s not the anachronisms that trouble me &mdash; I try to distance myself from the pedantic dingdongs who complain about a 1958 magazine using a 1962 typeface &mdash; and moreover I&rsquo;ve always felt that one of the strengths of a new typeface is its ability to pass for vintage when it&rsquo;s <a href="https://discover.typography.com/theme/wanderlust/">artfully arranged</a> in <a href="https://discover.typography.com/theme/eyes-only/">period style</a>. Rather, it&rsquo;s the <em>category</em> errors that wreck movies, those moments when the entire mode of communication is wrong: broadsheet newspapers with screamer headlines, Cold War identity papers that are typeset instead of typewritten, signboards outside Dickensian shopfronts that use lowercase letters, engraved invitations that are set in a <em>font</em> of any kind &mdash; the list goes on. Even the non-specialists in the audience can feel these mistakes, the way we all know when a hemline or a fender feels out of place. But somehow the cars and costumes get plenty of attention, and the lettering is so often neglected, unless someone like Annie Atkins is attached to the project.</p>
  317.  
  318. <p>Atkins creates the on-screen graphic art that contributes so powerfully to the atmosphere of a film. Her period work is pitch perfect, recreating Cold War New York for <em>Bridge of Spies,</em> and Victorian London for <em>Penny Dreadful,</em> and the mythical Kingdom of Zubrowka in Wes Anderson&rsquo;s beloved fantasia <em>The Grand Budapest Hotel.</em> As much as the actors&rsquo; performances, it is Atkins&rsquo; props that sell the story, her pageant of banknotes and pastry boxes that so convincingly renders the bittersweet enchantment of a crumbling mitteleuropa.</p>
  319.  
  320. <p>Atkins&rsquo; delight in printed ephemera is alloyed with an incisive perception, and her work carries the conviction of an artist who has learned not merely to admire but to see. So many of her props are informed by an understanding of cultural context &mdash; nineteenth century invoices pierced by a needle instead of a punch, a background sign displaying the historically correct price for a haircut &mdash; and are equally shaped by the fascinating requirements of filmmaking. The parts of her book that deal with production are among my favorites, exposing an entire dimension of graphic art that&rsquo;s designed to go unobserved. It&rsquo;s not difficult to imagine that a set dressing, designed to be placed deep in an unfocussed background, will have different requirements than the &ldquo;hero props&rdquo; intended to be handled by actors and captured in close-up. But I&rsquo;d never considered that paper is fragile, even without perspiration and hot lights, or that film shoots are given to multiple takes, or that many props are designed to be altered or destroyed by the action. I&rsquo;ll be thinking of Atkins next time I see a character tear up a telegram, and I&rsquo;ll wonder not only how many copies had to be fabricated for that single shot, but if it was her who managed to imprint each with an identical splash of coffee. &mdash;JH</p>]]>
  321.    </description>
  322.    <pubDate>Thu, 16 Apr 2020 18:27:00 +0000</pubDate>
  323.    <guid>https://www.typography.com/blog/recommended-reading-for-typographers#2091</guid>
  324. </item>
  325.                   <item>
  326.    <title><![CDATA[Typography for Warren]]></title>
  327.    <link>https://www.typography.com/blog/elizabeth-warren-logo</link>
  328.    <description>
  329.        <![CDATA[<p><span class="small-caps">Senator Elizabeth Warren</span> withdrew from the presidential race today, having run a campaign of candor and intelligence that strengthened the debate, and having shared a wealth of original ideas that can only strengthen the nation.</p>
  330.  
  331. <p>We had the pleasure of working with Blue State Digital on the Warren campaign: they selected our <a href="https://www.typography.com/fonts/ringside/overview">Ringside</a> and <a href="https://www.typography.com/fonts/verlag/overview">Verlag</a> typefaces for the identity, and commissioned H&amp;Co&rsquo;s Jonathan Hoefler and Sara Soskolne to refine the logo that they designed, one created to bridge and serve these two distinct typefaces.</p>
  332.  
  333. <p>We&rsquo;re grateful to have again worked with Matt Ipcar and his team at Blue State Digital, with whom we collaborated on the <a href="https://www.typography.com/blog/can-we-add-serifs-to-gotham">Obama-Biden 2012 logo</a>, and to have been afforded the chance to contribute to a campaign of ideas from an extraordinary thinker and leader. Senator Warren, thank you for raising the level of public discourse, for your continuing public service, and for your unwavering vision of a country that serves all the people. &mdash;JH</p>]]>
  334.    </description>
  335.    <pubDate>Thu, 05 Mar 2020 05:21:00 +0000</pubDate>
  336.    <guid>https://www.typography.com/blog/elizabeth-warren-logo#2115</guid>
  337. </item>
  338.                   <item>
  339.    <title><![CDATA[Type Crits on Twitter]]></title>
  340.    <link>https://www.typography.com/blog/type-crits-on-twitter</link>
  341.    <description>
  342.        <![CDATA[<p><span class="small-caps">From time to time,</span> I&rsquo;ve been invited to offer advice to designers wrestling with thorny letterforms, and have shared my observations on Twitter. Sometimes these are conversations with first time type designers, other times they&rsquo;re with accomplished lettering artists who just need a second set of eyes. I love these exchanges (no surprise, this is my day job at Hoefler&amp;Co), so I thought I&rsquo;d make this a regular feature, open to anyone who&rsquo;s interested in type.</p>
  343.  
  344. <p>{carousel_type_crits}</p>
  345.  
  346. <p>Above, excerpts of some of the conversations we&rsquo;ve been having. I&rsquo;m delighted by the range of projects people have been sending my way, and the opportunities they&rsquo;ve provided to discuss all the factors that influence a typeface: not only local details (like &lsquo;how to draw an <strong class="alternate">S</strong>&rsquo;), but philosophical topics as well. Swipe through and you&rsquo;ll find links to each of these critiques.</p>
  347.  
  348. <p>If you&rsquo;re a designer who could use a sounding board, send me a direct message and I&rsquo;ll do my best to get in touch. I&rsquo;m especially happy to hear from students, from anyone in under-represented communities, and from designers who don&rsquo;t have anyone to bounce ideas off of &mdash; not just people working independently, but anyone who&rsquo;s the lone type fanatic in their world. We&rsquo;ve all been there! &mdash;JH</p>]]>
  349.    </description>
  350.    <pubDate>Mon, 24 Feb 2020 19:15:00 +0000</pubDate>
  351.    <guid>https://www.typography.com/blog/type-crits-on-twitter#2061</guid>
  352. </item>
  353.                   <item>
  354.    <title><![CDATA[New from H&Co: Type Capsules]]></title>
  355.    <link>https://www.typography.com/blog/type-capsules</link>
  356.    <description>
  357.        <![CDATA[<p><span class="small-caps">Type capsules </span>are a new and simple way to get started with fine typography. For students, they&rsquo;re an affordable way <span style="font-size: 14px;">to start using professional fonts; for practicing designers, they&rsquo;re a new pathway toward building a library of fonts that will last a lifetime. And for non-designers, they&rsquo;re an informed place to begin, offering not only suggestions about which fonts to start with, but ideas about how to get the most out of them.</span></p>
  358.  
  359. <p><span style="font-size: 14px;">Today we&rsquo;re introducing three type capsules, each created for a different kind of communications: a <strong>Foundation</strong> capsule as a basic typographic toolbox, a <strong>Digital</strong> capsule for designer-developers, and a <strong>Literary</strong> capsule for publishing. I chose each of these fonts personally, by working in reverse: starting by designing the kinds of things that could most benefit from better typography, and selecting those fonts that best fit the bill &mdash; fine-tuning each selection along the way, to ensure that every type capsule stands alone as a complete, effective, and flexible tool for design. &mdash;JH</span></p>
  360.  
  361. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/1920-white-rule-opacity_050.png">
  362.  
  363. <h3 class="subhead-sentinel xl"><a href="https://www.typography.com/fonts/foundation-type-capsule/overview"><span style="color: #333333;">No. 1: </span><span style="color: #ffffff;">Foundation</span></a></h3>
  364.  
  365. <p class="intro-paragraph">The <em>Foundation</em> type capsule is a versatile toolbox for communications: a serif and a sans serif, plus an accent face to mark out guideposts that create points of entry.</p>
  366.  
  367. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sidebar-stylelist-capsule-foundation.png">
  368.  
  369. <p>Two of the families I find myself reaching for the most are the slab-serif <a href="https://www.typography.com/fonts/sentinel/overview">Sentinel</a> and the sans serif <a href="https://www.typography.com/fonts/ideal-sans/overview">Ideal Sans</a>. Both are used throughout this website, whose recent redesign was a useful lesson in economy: with an eye toward bandwidth, we wanted to rely on as few fonts as possible, while creating templates that were varied and engaging. I&rsquo;ve found this same thriftiness useful in other kinds of design work as well, and have discovered just how useful these particular fonts are in projects as wide-ranging as catalogs, product literature, and printed correspondence.</p>
  370.  
  371. <p>{carousel_capsule_foundation}</p>
  372.  
  373. <p>Designer Brian Hennings and I put together examples of <a href="https://www.typography.com/fonts/foundation-type-capsule/how-to-use">nineteen different projects</a> built from the five styles in the Foundation capsule. Some show how the choice between fonts can change the voice in which text is read, others demonstrate ways in which these particular fonts can come together, to create unexpectedly sophisticated and multi-layered formats. As its name suggests, we think the Foundation type capsule is a great place to begin building a typographic library &mdash; or a great place to land, if you&rsquo;re shaping all the communications for a small organization.</p>
  374.  
  375. <p>The $99 Foundation type capsule includes $125 in credits toward the purchase of its larger families: save $25 off <a href="https://typography.com/fonts/idlewild/overview">Idlewild</a>, $50 off <a href="https://typography.com/fonts/sentinel/overview">Sentinel</a>, and $50 off <a href="https://typography.com/fonts/ideal-sans/overview">Ideal Sans</a>.</p>
  376.  
  377. <p><strong class="alternate" style="-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;">The <a href="https://www.typography.com/fonts/foundation-type-capsule/overview" style="color: #ffffff;box-shadow: none;">Foundation Type Capsule,</a> $99 from H&amp;Co.</strong></p>
  378.  
  379. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/1920-white-rule-opacity_050.png">
  380.  
  381. <h3 class="subhead-sentinel xl"><a href="https://www.typography.com/fonts/digital-type-capsule/overview"><span style="color: #333333;">No. 2: </span><span style="color: #ffffff;">Digital</span></a></h3>
  382.  
  383. <p class="intro-paragraph">A collection for designer-developers, the <em>Digital</em> type capsule features not only typefaces for creating finished products, but also the <em>Operator Mono</em> font for use in your favorite IDE.</p>
  384.  
  385. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sidebar-stylelist-capsule-digital.png">
  386.  
  387. <p>Developers have been overwhelmingly enthusiastic about the <a href="https://www.typography.com/fonts/operator/overview">Operator Mono</a> family that we created for programming. But not everyone needs all of the styles in its extended family, so we selected our two favorite fonts for the terminal &mdash; the screen-optimized Operator Mono ScreenSmart Book and Book Italic &mdash; as the core of our Digital type capsule, the second in the series.</p>
  388.  
  389. <p>{carousel_capsule_digital}</p>
  390.  
  391. <p>Working with Operator not only in the terminal, but while designing <a href="https://www.typography.com/fonts/digital-type-capsule/how-to-use">websites, apps, tutorials, and documentation</a> (not to mention what might be my favorite template for personal correspondence), I felt the need for another sans serif to use in counterpoint. The natural choice was <a href="https://www.typography.com/fonts/decimal/overview">Decimal</a>, our latest release, which itself was shaped by the input of web developers, who&rsquo;d encouraged me to create the set of UI icons included in the fonts. We&rsquo;ve paired these with a compact style of Gotham Extra Narrow that I&rsquo;ve always found useful for headlines in sizes both large and small.</p>
  392.  
  393. <p>The $99 Digital type capsule includes $125 in credits toward the purchase of its larger families: save $25 off <a href="https://www.typography.com/fonts/gotham/overview">Gotham</a>, $50 off <a href="http://www.typography.com/fonts/operator/overview">Operator</a>, and $50 off <a href="http://www.typography.com/fonts/decimal/overview">Decimal</a>.</p>
  394.  
  395. <p><strong class="alternate" style="-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;">The <a href="https://www.typography.com/fonts/digital-type-capsule/overview" style="color: #ffffff;box-shadow: none;">Digital Type Capsule,</a> $99 from H&amp;Co.</strong></p>
  396.  
  397. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/1920-white-rule-opacity_050.png">
  398.  
  399. <h3 class="subhead-sentinel xl"><a href="https://www.typography.com/fonts/literary-type-capsule/overview"><span style="color: #333333;">No. 3: </span><span style="color: #ffffff;">Literary</span></a></h3>
  400.  
  401. <p class="intro-paragraph">The <em>Literary</em> type capsule is designed with publishing in mind, its hard-working serif and sans serif crowned by a striking and articulate headline face.</p>
  402.  
  403. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sidebar-stylelist-capsule-literary.png">
  404.  
  405. <p>Where the Foundation capsule can handily render a catalog or a newsletter, I thought that designers tasked with more traditional publishing projects could benefit from a capsule of their own. For designers of books, magazines, and journals, we&rsquo;ve created the Literary type capsule, with fonts up to the challenge of even the most complex and demanding editorial formats.</p>
  406.  
  407. <p>{carousel_capsule_literary}</p>
  408.  
  409. <p>The Literary capsule begins with our <a href="https://www.typography.com/fonts/chronicle-text/styles/chronicletextprog2">Chronicle Text</a> typeface, originally designed for newspapers, and expands to include members of two less frequently seen families: the sans serif <a href="https://www.typography.com/fonts/ringside/styles/ringsideregular">Ringside Regular</a>, and the headline face <a href="https://www.typography.com/fonts/quarto/styles/quarto">Quarto</a>, both designs of recent vintage. We&rsquo;ve designed <a href="https://www.typography.com/fonts/literary-type-capsule/how-to-use">eighteen examples</a> of formats that use these faces together, which range from a conservative opinion page to an energetic technology column, all the while explaining everything we&rsquo;ve discovered about how to shape a flexible and powerful typographic palette.</p>
  410.  
  411. <p>The $99 Literary type capsule includes $125 in credits toward the purchase of its larger families: save $25 off <a href="https://www.typography.com/fonts/quarto/overview">Quarto</a>, $50 off <a href="https://www.typography.com/fonts/ringside/overview">Ringside</a>, and $50 off <a href="https://www.typography.com/fonts/chronicle-text/overview">Chronicle Text</a>.</p>]]>
  412.    </description>
  413.    <pubDate>Wed, 05 Feb 2020 05:01:00 +0000</pubDate>
  414.    <guid>https://www.typography.com/blog/type-capsules#1948</guid>
  415. </item>
  416.                   <item>
  417.    <title><![CDATA[Inside “Abstract”]]></title>
  418.    <link>https://www.typography.com/blog/abstract-typography-episode</link>
  419.    <description>
  420.        <![CDATA[<p><strong>1. The most trivial parts take the most work.</strong> One of the most elaborate setups of the entire episode was the eleven second shot of me walking up Astor Place, which appears under narration during the opening credits. It took sixteen takes to get this right. As a typeface designer, I found this reassuringly familiar, thinking about the disproportionate effort that goes into drawing the rare bird <strong class="alternate">&sect;</strong>, compared with the everyday <strong class="alternate">E</strong>.</p>
  421.  
  422. <p><strong>2. Producers are skilled diplomats.</strong> Security guards don&rsquo;t like television cameras, and they&rsquo;re trained to move quickly. Twice, outside of midtown office buildings, I watched producer Sam LaCroix mollify some aggressive and twitchy enforcers in red jackets, who would have none of our nonsense about a font documentary or whatever. Each time, Sam&rsquo;s calm and unhurried explanation was effective, insofar as it gave the crew enough time to surreptitiously get the shot.</p>
  423.  
  424. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/brian_oakes_jonathan_hoefler_2.jpg">
  425.  
  426. <p><strong>3. Focus engenders respect.</strong> Most reporting about typeface design devotes all of its energy to explaining <em>graphic</em> design, leaving little room for typography, and almost none for the actual typeface designer. I&rsquo;m grateful that director Brian Oakes had the confidence to assume that anyone tuning in would already know what typography was, even if only in broad strokes, so we could use our episode to focus on shading in the details. I find myself yearning for this kind of respect in other kinds of reporting, and grateful whenever I encounter it.</p>
  427.  
  428. <blockquote class="pullquote">
  429. <p>Rather than a profile, I wanted to be part of a documentary about typeface design itself.</p>
  430. </blockquote>
  431.  
  432. <p><strong>4. Even treasured memories are rarely enlightening.</strong> An early inquiry about whether I still had my high school yearbook helped clarify something up front: that what I wanted was less a biography, and more a documentary about typeface design that I could help create, and in which my work would be featured. I&rsquo;m indebted to executive producers Scott Dadich and Dave &ldquo;Doc&rdquo; O&rsquo;Connor for letting me so stubbornly argue this position, and for advocating it to the Netflix brass. As a result, we all got to spend more time on optical illusions and gothic alphabets, and less time on my regrettable senior year haircut. A win for everyone.</p>
  433.  
  434. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/netflix-cold-open-type-sites_6.jpg">
  435.  
  436. <p><strong>5. You don&rsquo;t get to see the episode until it airs.</strong> Netflix takes the position that a biography should not be influenced by the wishes of its subject. I collaborated with the producers, director, and crew to create material for the episode, but had no control over its final outcome. With the episode now behind me, I can wholeheartedly commend their absolute adherence to the standards of journalism over entertainment, but it made for an anxious year: not because I ever doubted the team, but because the material was complex, and the process often opaque. How many of us would trust even our parents or our closest friends to accurately portray the nuances of what we do?</p>
  437.  
  438. <p><strong>6. Designers regularly take leaps of faith.</strong> Taking part in a documentary means submitting yourself to a series of unordered vignettes that can seem disconnected, unpredictable, and rambling. You steel yourself with the hope that these will someday make sense in the hands of an able editor (who, it turns out, you&rsquo;ll never meet.) Flying blind gave me a renewed appreciation for everyone who&rsquo;s ever entrusted me to design a new typeface: having approved a handful of test characters, my clients have had to wait patiently while my team and I proceeded to draw the remaining five thousand glyphs, reassured only by my track record, their own optimism, and our mutual rapport.</p>
  439.  
  440. <p><strong>7. Filmmaking is arduous.</strong> The day starts at 5:30 each morning, and wraps up thirteen hours later. It was taxing in every way, and I wasn&rsquo;t even one of the many people carrying a flight case full of heavy and expensive equipment.</p>
  441.  
  442. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/blackletter-obelisk.jpg">
  443.  
  444. <p><strong>8. Great designers share.</strong> Biographies of creative people are notorious for slipping into the shopworn pattern of lionizing The Great Man, a lazy clich&eacute; that shouldn&rsquo;t have survived into even the last century. In talking to Brian about my work at Hoefler&amp;Co, and how it&rsquo;s always a group effort, I was concerned that recounting an accurate story about teamwork might grate against a biography that was templated for a single subject. But he was confident that we could present things as they truly are, because&hellip;</p>
  445.  
  446. <blockquote class="pullquote">
  447. <p>Making a film, like making a typeface, is collaborative work.</p>
  448. </blockquote>
  449.  
  450. <p><strong>9. Great directors are collaborative, not autocratic.</strong> Directors go into a project with what they hope is a clear vision, they entrust parts of it to people they respect and admire, they hold their ideas gently (eliciting input at every turn), and when outcomes are uncertain, they take the responsibility for making the call. I was enormously encouraged to see Brian working with his colleagues the way I work with mine. On our first day of shooting, I watched him rethink an entire sequence because sound recordist Brad Bergbom had concerns about how to mic the shot, and the resolution benefitted from the perspectives of director of photography Clair Popkin, and first assistant camera Graham Deneen, and even some suggestions from me, before Brian called the play.</p>
  451.  
  452. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/designers-at-hoefler-co.jpg">
  453.  
  454. <p><strong>10. Know for next time: study the shot list.</strong> The thing you wear to the first shoot on the first day will be the outfit you&rsquo;re stuck with for the entire project, so that continuity can be maintained should an editor need to splice in footage from a different day. If shooting begins on the slushy hills of Green-Wood Cemetery, you&rsquo;ll end up presenting yourself to viewers in 190 countries not wearing the English hand-lasted brogues that you bought for the occasion, but rather the muddy Timberlands that you keep in your car.</p>
  455.  
  456. <p><strong>11. Expect friendly fire.</strong> When you&rsquo;re shooting on city streets, curious onlookers have no compunction about walking right into frame, and asking you, right to your face, while the cameras right behind you are rolling, if you&rsquo;re making a movie. This is how we lost many of those sixteen takes on Astor Place.</p>
  457.  
  458. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/clair_popkin_abstract_2.jpg">
  459.  
  460. <p><strong>12. Trained actors have skills that civilians don&rsquo;t.</strong> Most of the takes were ruined not by pedestrians, but by me, because I couldn&rsquo;t process my instructions about how to accommodate the steadicam operator and his fifty pounds of gear. &ldquo;Walk slowly at first,&rdquo; I was told, &ldquo;so he can swing around you. And then speed up. But don&rsquo;t change your pace, because of the music.&rdquo; I found myself thinking about my actor friends, who in their college years always seemed to be either coming back from or heading off to a &ldquo;movement class.&rdquo; I was never really clear what went on in these classes, but I gather it has something to do with how to get shots like this in one take rather than sixteen.</p>
  461.  
  462. <p><strong>13. Lighten up.</strong> In an early discussion about how we&rsquo;d demonstrate the way large and small fonts differ, I brought up my favorite sight gag from the movie <em><a href="https://www.youtube.com/watch?v=QJoTBlDfVhk" target="_blank">Top Secret!</a>,</em> and the possibility of using a lens called a &lsquo;split diopter&rsquo; which I&rsquo;d learned about from an equally beloved source, an irreverent but kindhearted <em>Star Trek: TNG</em> podcast called <a href="https://maximumfun.org/podcasts/greatest-generation/" target="_blank">The Greatest Generation.</a> More than just a chance to goof off with the director and <span class="small-caps">dp</span> over YouTube clips, our conversation helped set the tone for the episode, serving as a reminder that thoughtful critique doesn&rsquo;t need to be deadly earnest, and that respectfulness doesn&rsquo;t require taking yourself too seriously. I personally find design both meaningful <em>and</em> fun, don&rsquo;t you?</p>
  463.  
  464. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/split-diopter.jpg">
  465.  
  466. <p><strong>14. Storytelling needs editing, not embellishment.</strong> Anyone hoping to document typeface design learns quickly that behind this wonderful visual art are almost no visuals worth capturing. A typeface designer at work looks like a programmer or an accountant: we sit motionless before monitors, we tap at our keyboards, we confer with colleagues about esoteric problems that are invisible at a distance, we make our rounds to the laser printer. Most creative work is like this, which is why I suspect so many depictions of the creative process are so steroidally enhanced with theatrics: actual work is replaced with staged demonstrations, and ordinary challenges are whipped into existential crises. Everyone associated with <em>Abstract</em> was too smart for these kinds of histrionics, but it still left the question of how to turn what&rsquo;s essentially quiet office work into compelling television. This is where filmmaking comes in.</p>
  467.  
  468. <p><strong>15. Allow the storytelling to shape the story.</strong> Director Brian Oakes wisely kept an eye out for actual challenges &mdash; in both the design process and the filmmaking &mdash; that might precipitate a welcome change of scene. Our trip to the cemetery was prompted not by the development of the Parliament typeface, but by the need to demonstrate how gothic alphabets respond to shadows &mdash; and the obelisk we stumbled upon, quite by accident, really did alter the path I&rsquo;ve decided to follow with the typeface. Our trip to the library was similarly motivated: after designer Sara Soskolne and I reached a dead end regarding the shape of the capital <strong class="alternate">U</strong> in the <a data-event="click" data-event-category="navigation" data-event-label="Decimal" href="https://www.typography.com/fonts/decimal/overview">Decimal</a> typeface, it was Brian who prompted me to stretch my legs and let the camera follow. It&rsquo;s not unlike the way presenting a typeface in a <a href="https://designshop.typography.com/collections/frontpage/products/specimen" target="_blank">specimen book</a>, or in <a href="https://www.typography.com/fonts/decimal/how-to-use">documentation</a>, has occasionally revealed the need to send a font back to the drawing board. An idea that can&rsquo;t be elegantly presented might not be fully resolved, and I found filmmaking a valuable crucible for forging such ideas.</p>
  469.  
  470. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/netflix-cemetery-shoot_3.jpg">
  471.  
  472. <p><strong>16. Librarians are vital.</strong> The map division at the New York Public Library has an extraordinary collection{footnote_1}, but it was curator Ian Fowler and his staff who made the visit meaningful. I&rsquo;ve spent enough time among special collections to know that the storyboard with a stick-figured <em>JH</em> pulling books from open stacks was never going to happen: we were instead going to consult with the library staff, submit a materials list in advance, and review each item individually. Ian&rsquo;s knowledge of his subject and his collection turned what could have been idle tourism into a constructive and enjoyable morning, provoking some genuine exploration, and yielding some answers that measurably helped resolve the <a href="https://www.typography.com/fonts/decimal/overview">Decimal</a> typeface. Just as I hope this episode of <em>Abstract</em> helps to explain typeface design, I hope it helps dispel the notion that libraries are repositories of books, and librarians their mere custodians. It&rsquo;s quite the reverse: it is librarians who are the invaluable resource, and books a mere part of their apparatus. Their insights cannot be googled.</p>
  473.  
  474. <p><strong>17. Type designers lead the least glamorous lives.</strong> In the first season of <em>Abstract,</em> Nike&rsquo;s Tinker Hatfield had delivered Michael Jordan for an appearance, and the episode about costume designer Ruth Carter in season two would feature Spike Lee, and Samuel L. Jackson, and Ryan Coogler. I may have done work for Barack Obama, Elizabeth Warren, Robert Redford, and Madonna, but I&rsquo;ve never met any of them, so cadging a testimonial seemed unlikely. I am however grateful that Ryan Gosling made an appearance in my episode, even if we didn&rsquo;t get to hang out on set.</p>
  475.  
  476. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typography-complex-shots.jpg">
  477.  
  478. <p><strong>18. Practical effects are compelling.</strong> We spent a lot of time thinking about how to best illustrate different typographic illusions, and assumed at first that we&rsquo;d make quick work of this with animation. But at some point we realized that only physical objects are unimpeachably honest, and manipulating them on camera might be as beguiling and astonishing as close-up magic. The tangible world remains more credible than the digital one.</p>
  479.  
  480. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/little_hand_twin.jpg">
  481.  
  482. <p><strong>19. Filmmaking has a lot of D-I-Y. </strong>For one of those segments, I designed a set of wooden props that were fabricated by the director himself. In another segment, we needed someone to serve as my hand double, and one of the show&rsquo;s executive producers stepped up to fill the role. Everyone&rsquo;s gumption, and everyone&rsquo;s lack of pretense, really reminded me of home.</p>
  483.  
  484. <p><strong>20. Documentarians are frugal.</strong> We are grateful to the unnamed big box store whose generous return policy made possible a surprising number of this episode&rsquo;s lightly-used props and costumes.</p>
  485.  
  486. <p><strong>21. Dress in layers.</strong> On that early December morning, I hadn&rsquo;t expected the soundstage in <span class="small-caps">dumbo</span> to be unheated, especially given the open loading dock that admitted every fierce and freezing wind off the East River. But then I also hadn&rsquo;t expected that lighting the set would require bridging ten circuit breakers to deliver 38,000 watts of illumination, effectively turning the room into a giant tanning booth.</p>
  487.  
  488. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/soundstage_2.jpg">
  489.  
  490. <p><strong>22. Nobody notices most of it, but everyone feels everything.</strong> I&rsquo;m speaking of filmmaking, but I could just as easily mean typography. Color grading gives raw footage a mood and a point of view; foley work sells the action that cameras and microphones didn&rsquo;t capture. And then there&rsquo;s the soundtrack. There was a time when I aspired to write film scores, and I&rsquo;ve been quoted as saying that &ldquo;typography is the soundtrack of writing.&rdquo; But I don&rsquo;t think I fully appreciated the invisibilty of this art until watching the final edit, being asked what I thought of the soundtrack, and realizing that I hadn&rsquo;t noticed it <em>at all.</em> It&rsquo;s been a profound joy to spend time with <a href="https://www.instagram.com/p/B4VUxWGBpCz/" target="_blank">the score</a> in the past few months, and to get to know composers Timo Elliston and Brian Jones &mdash; and to really savor the work of percussionist Jerome Jennings, whose explosive opening fanfare and poignant shuffle during the closing credits capture the mood of the episode with absolute and total perfection. (If you leave feeling energized, and that the creative journey continues, that might be as much Jennings&rsquo; doing as mine.) But I just didn&rsquo;t notice at the time. It simply felt right. Like good type.</p>
  491.  
  492. <p><strong>23. These aren&rsquo;t the droids you&rsquo;re looking for.</strong> The most extraordinary thing I saw during the project was producer Sam LaCroix persuading the entire construction crew of a downtown skyscraper to take a twenty minute break so we could record clean audio in my office.</p>
  493.  
  494. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/netflix_abstract_camera_crew.jpg">
  495.  
  496. <p><strong>24. Sound recordists carry gear worthy of 007.</strong> Speaking purely hypothetically here: If you are a loudmouth out-of-town dad, stepping out of the Public Theatre to call home during intermission, and you learn that your tween daughter has gotten her eyebrow pierced, and right before Thanksgiving no less, and you react colorfully and at great length, you might be interested to know that sound recordists generally carry a highly directional microphone called a &lsquo;shotgun mic&rsquo; which is very effective at localizing sound at a distance, even across a busy urban thoroughfare. I&rsquo;m just saying that you never really know if the tape is rolling, and also that DJs have to get their kooky samples from somewhere.</p>
  497.  
  498. <p><strong>25. Check yourself before you wreck yourself.</strong> During a lunch break in the public atrium of a building on Madison Avenue, I went off in search of a restroom, reflexively turning off the lapel mic that I wore throughout the production. Someone directed me to an escalator, which I noticed was flanked by two <span class="small-caps">nypd</span> officers, uncharacteristically kitted out in body armor and assault rifles. Only as I descended into the basement, with its aggressive onrush of <span class="small-caps">gold</span> and <span class="small-caps">crimson</span> decor, and<span class="small-caps"> gold</span> and <span class="small-caps">more gold, </span>and <span class="small-caps">the best gold, believe me,</span> did I realize that we were in the back of Trump Tower. Downstairs, two Treasury agents were checking IDs and xraying bags, and were unfailingly polite in asking me to please open my coat. Weren&rsquo;t we all surprised to find that underneath, I was wrapped in wires that led down to a blinking radio transmitter in my pocket. Best to avoid doing this, if you can. &mdash;JH</p>
  499.  
  500. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/abstract-final-photos_2.jpg">]]>
  501.    </description>
  502.    <pubDate>Wed, 25 Dec 2019 07:40:00 +0000</pubDate>
  503.    <guid>https://www.typography.com/blog/abstract-typography-episode#1802</guid>
  504. </item>
  505.                   <item>
  506.    <title><![CDATA[The New H&Co Type Specimen]]></title>
  507.    <link>https://www.typography.com/blog/the-new-hco-type-specimen</link>
  508.    <description>
  509.        <![CDATA[<p><span class="small-caps">Even more fun than</span> designing typefaces is getting to design <em>with</em> them, and no project is more gratifying &mdash; nor as challenging &mdash; as a type specimen. Presenting a typeface in its best light takes some thought about its virtues: choosing the sizes, cases, and measures at which each font looks its best, identifying those characters that exhibit a font&rsquo;s signature moments, and finding ways to distill dauntingly large families down to clear and economical summaries. (And then, designing attractive pages. And trying not to repeat yourself.) Brian Hennings and I spent the summer on this very project, and are very pleased to present our first catalog in more than a decade: <a href="https://designshop.typography.com/collections/frontpage/products/specimen"><em>New and Recent Typefaces by Hoefler&amp;Co</em></a>, Eleventh Edition.</p>
  510.  
  511. <p>Catalog No. 11 introduces our new <a href="https://www.typography.com/fonts/decimal/overview">Decimal</a> family, and presents the <a href="https://www.typography.com/fonts/surveyor/overview">Surveyor</a>, <a href="https://www.typography.com/fonts/obsidian/overview">Obsidian</a>, <a href="https://www.typography.com/fonts/ringside/overview">Ringside</a>, <a href="https://www.typography.com/fonts/quarto/overview">Quarto</a>, <a href="https://www.typography.com/fonts/inkwell/overview">Inkwell</a>, <a href="https://www.typography.com/fonts/operator/overview">Operator</a>, <a href="https://www.typography.com/fonts/isotope/overview">Isotope</a>, <a href="https://www.typography.com/fonts/peristyle/overview">Peristyle</a>, and <a href="https://www.typography.com/fonts/landmark/overview">Landmark</a> families for the first time in a type specimen. Sent free to some of the people who most recently joined our mailing list (<a href="http://typography.com/subscribe">sign up!</a>), the new catalog is $15 from the H&amp;Co Design Shop, and includes both free shipping to most countries and a $15 credit toward your next purchase of fonts from H&amp;Co. I hope you&rsquo;ll find to be both a practical reference, and a source of inspiration in your work with typography. &mdash;JH</p>]]>
  512.    </description>
  513.    <pubDate>Mon, 16 Dec 2019 23:36:00 +0000</pubDate>
  514.    <guid>https://www.typography.com/blog/the-new-hco-type-specimen#1807</guid>
  515. </item>
  516.                   <item>
  517.    <title><![CDATA[WTF? STFU!]]></title>
  518.    <link>https://www.typography.com/blog/wtf</link>
  519.    <description>
  520.        <![CDATA[<p><a href="https://woodtype.org" target="_blank"><span class="small-caps">The Hamilton Wood Type &amp; Printing Museum</span></a> in Two Rivers, Wisconsin is not only home to the world&rsquo;s greatest collection of wood type, it&rsquo;s a destination for anyone who loves typography, letterpress, or Americana. A few years ago, I had the irresistible opportunity to collaborate with the folks at Hamilton to create something for sale in their store, so I designed this set of wood type catchwords. I&rsquo;m pleased to see that they&rsquo;re back in production, and available from the Hamilton online shop for <a href="https://woodtype.org/products/wood-type-catchwords" target="_blank">ten dollars</a> a pop. One hundred percent of proceeds benefit the museum and support its excellent program of exhibits, workshops, and conferences.</p>
  521.  
  522. <p>&lsquo;Catchwords,&rsquo; of course, are decorative logotypes of common words and phrases, a lively typographic gimmick that probably found its way into American wood type via signpainting. I&rsquo;ve always loved the flourished <span class="small-caps">the, or, and,</span> or <span class="small-caps">for</span> without which no nineteenth century was complete, so I felt that our modern utterances deserved some of this same pizzazz. Charming <em>objets</em> for any designer&rsquo;s workspace, they&rsquo;re also bonafide pieces of wood type, cut in end-grain sugar maple and planed type high (.918") &mdash; perfect for the letterpress printer eager to exclaim <em>&lsquo;Wood Type Forever!&rsquo;</em> or identify <em>Finely-Made Letters,</em> or to remind readers that <em>Studious Typefaces Fortify Us,</em> and that&nbsp;<em>Great Typography Flourishes Online.</em> &mdash;JH</p>]]>
  523.    </description>
  524.    <pubDate>Sat, 14 Dec 2019 15:46:00 +0000</pubDate>
  525.    <guid>https://www.typography.com/blog/wtf#1805</guid>
  526. </item>
  527.                   <item>
  528.    <title><![CDATA[The Typographic Ticket Book]]></title>
  529.    <link>https://www.typography.com/blog/the-typographic-ticket-book</link>
  530.    <description>
  531.        <![CDATA[<p><span class="small-caps">Inspired by a brush with</span> an inscrutable but no doubt revenue-positive New York City Traffic Regulation, I created my own set of ticketable offenses with which designers could return the favor, or at least have a convincing prop to flash around when they detect typographic trouble. By special issue, then, from the 100% totally real <em>Typographic Violations Division,</em> the Uniform Ticket Book is standard equipment for the modern design enforcer, and it&rsquo;s now available for a mere $15 from the <strong><a href="https://designshop.typography.com/collections/frontpage/products/ticket-book">H&amp;Co Design Shop</a></strong>. Lists thirty-two common design infractions, each with an appropriate penalty, with plenty of room for improvisation.</p>
  532.  
  533. <p>Authoritatively typeset in Helvetica to provoke maximum anxiety, and jarringly printed in retina-scorching orange, each <em>Notice of Violation</em> is sure to startle, striking an uneasy chill in even the most upstanding designer. Contains fifty tickets, each neatly perforated for a satisfyingly loud <em>rrrip</em> prior to presentation. Bound in soul-deadening municipal pressboard, with a heavy-duty 100pt millboard backing, and foil stamped with an official-looking clip art emblem in gold. Police uniform neither included, nor recommended. For novelty use only. &mdash;JH</p>
  534.  
  535. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ticket-book-product-shots.jpg">]]>
  536.    </description>
  537.    <pubDate>Tue, 03 Dec 2019 18:24:00 +0000</pubDate>
  538.    <guid>https://www.typography.com/blog/the-typographic-ticket-book#1804</guid>
  539. </item>
  540.                   <item>
  541.    <title><![CDATA[Typographic Illusions]]></title>
  542.    <link>https://www.typography.com/blog/typographic-illusions</link>
  543.    <description>
  544.        <![CDATA[<p><small class="small-caps">In my very first meeting</small> with director Brian Oakes, we agreed that our episode of the Netflix documentary <a href="https://www.netflix.com/title/80057883?trackId=14277283"><em>Abstract: The Art of Design</em></a> should be more than a profile of a working typeface designer: it should also offer viewers some practical insights into the mechanics of the craft itself. I loved Brian&rsquo;s idea of periodically cutting away from the narrative to offer little lessons, and we both felt that manipulating physical props on a soundstage, rather than using computer animation, would be the most compelling way of demonstrating typographic principles.</p>
  545.  
  546. <p>The three resulting segments, titled <em>These Are Letters!</em> and heralded by an impish jingle, are the result. For the chapter about optical illusions, I wrote and storyboarded ten different examples, though in the end we whittled these down to a leaner set of four. Since a number of people who teach design have suggested that we manufacture these for use in the classroom, I thought I&rsquo;d take the more direct approach, and make them available as a free download, as a <a href="https://d31td5fkd89rr1.cloudfront.net/blog/tools_for_teaching/Hoefler_tools_for_teaching_type_01_illusions.pdf">PDF</a> that can be printed on transparencies. This also felt like a good moment to publish the six additional lessons that didn&rsquo;t make the cut, which are illustrated below. Whether you&rsquo;re teaching typography, studying it, or just giving letters a closer look for the first time, I hope you&rsquo;ll find these useful. &mdash;JH</p>
  547.  
  548. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_002-overshoot-diagonals-2.png">
  549.  
  550. <p><strong>No. 1.</strong> Type design is a battle with optical illusions, which we only win through a complete surrender. We convince the eye to see things clearly not by creating rational drawings, but through irrational ones, by introducing strange distortions that outwit the eye: to shape not what we see, but what we think we see.</p>
  551.  
  552. <p>Even the alphabet&rsquo;s simplest goals begin with some unexpected accommodations. Making all the letters appear the same height means drawing round characters to be measurably taller than flat ones, to counter our physiological tendency to see circles as smaller than squares of the same height. In a typeface, letters that are round at the top or bottom (such as this <strong class="alternate" style="font-size: 14px;">C</strong>) will need to project beyond the height of the flat letters (such as <strong class="alternate" style="font-size: 14px;">T</strong>), by an amount that type designers call &ldquo;overshoot.&rdquo; Overshoot will apply throughout the character set, to the lowercase, numbers, symbols, and punctuation &mdash; and devilishly, it won&rsquo;t always have the same measurement. It&rsquo;s not uncommon for the overshoot of an <strong class="alternate" style="font-size: 14px;">S</strong> and an <strong class="alternate" style="font-size: 14px;">O</strong> to differ, dictated only by how things appear to the eye.</p>
  553.  
  554. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_001-overshoot-rounds-2.png">
  555.  
  556. <p><strong>No. 2.</strong> Our misperception about circles and squares extends to triangles, too: letters whose strokes converge into a point are prone to appear smaller than they actually are. So type designers customarily apply some degree of overshoot to diagonal letters like <strong class="alternate" style="font-size: 14px;">A</strong>, <strong class="alternate" style="font-size: 14px;">V</strong>, and <strong class="alternate" style="font-size: 14px;">W</strong>, and often, if the design calls for especially sharp corners, the acute points of the letters <strong class="alternate" style="font-size: 14px;">N</strong> and <strong class="alternate" style="font-size: 14px;">M</strong> as well.</p>
  557.  
  558. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_003-balance-B-2.png">
  559.  
  560. <p><strong>No. 3.</strong> Another thing we consistently misjudge is balance. This may be a vestige of how humans have evolved to <a href="https://typography.com/blog/turning-type-sideways">process the physical environment</a>, intuitively recognizing that remote objects appear smaller than those nearby. Applied to typography, it means that making a letterform appear equally balanced requires drawing it to be measurably smaller on top. These expectations about &ldquo;natural balance&rdquo; are at work in letters like <strong class="alternate" style="font-size: 14px;">B</strong>, <strong class="alternate" style="font-size: 14px;">E</strong>, and <strong class="alternate" style="font-size: 14px;">S</strong>, which are visibly smaller above and larger below &mdash; and even in the letter <strong class="alternate" style="font-size: 14px;">H</strong>, which in order to appear symmetrical, needs a crossbar that&rsquo;s just above center.</p>
  561.  
  562. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_004-TALL-balance-A-2.png">
  563.  
  564. <p><strong>No. 4.</strong> Curiously, a letterform&rsquo;s construction can also influence how we perceive its equilibrium. Take the letter <strong class="alternate" style="font-size: 14px;">A</strong>, whose most basic recipe is &ldquo;a delta with a horizontal bar in the center.&rdquo; By rotating this letter about the center of the crossbar, we can see just how far below center this waistline really is. This is because perception is subject to context, and for the bar of the <strong class="alternate" style="font-size: 14px;">A</strong>, what we perceive as its <em>relevant context</em> isn&rsquo;t the entire letter, it&rsquo;s the much smaller region that&rsquo;s inside the delta.</p>
  565.  
  566. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_005-balance-EF-2.png">
  567.  
  568. <p><strong>No. 5.</strong> Both kinds of typographic balance combine unexpectedly in the letters <strong class="alternate" style="font-size: 14px;">E</strong> and <strong class="alternate" style="font-size: 14px;">F</strong>, whose center arms appear identical, but in fact almost never align. Following what we know about natural balance, the arm of the <strong class="alternate" style="font-size: 14px;">E</strong> will be positioned just above center, in order to appear equidistant from the two other strokes. But owing to its <em>relevant context,</em> the arm of the <strong class="alternate" style="font-size: 14px;">F</strong> will be centered not on the height of the character, but in the void between the underside of the top stroke, and the empty bottom of the letter &mdash; making it lower than the arm of the <strong class="alternate" style="font-size: 14px;">E</strong>, its fraternal twin. Often, the arrangement of the <strong class="alternate" style="font-size: 14px;">F</strong> is a compromise between what its own construction suggests, and its need for compatibility with the frequently adjacent letter <strong class="alternate" style="font-size: 14px;">E</strong>.</p>
  569.  
  570. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_006-contrast-strokes-2.png">
  571.  
  572. <p><strong>No. 6.</strong> The simple letter <strong class="alternate" style="font-size: 14px;">T</strong> conceals one of typography&rsquo;s great paradoxes: that lines appear thicker when oriented horizontally than vertically. Type designers call this property &ldquo;contrast,&rdquo; and because it behaves differently in different directions, it&rsquo;s said to be &ldquo;anisotropic.&rdquo; To create letterforms that appear to have a consistent weight throughout, a type designer will make sure that vertical strokes are measurably thicker than horizontal ones; diagonal strokes, therefore, will fall somewhere in between.</p>
  573.  
  574. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_007-contrast-rounds-2.png">
  575.  
  576. <p><strong>No. 7.</strong> Anisotropic contrast affects not only weight, but also dimension: just as we perceive horizontal strokes to be thicker than they really are, we perceive horizontal distances to be longer than they actually are. To create what appears to be a perfect circle or a perfect square, a type designer will create a shape that&rsquo;s measurably narrower than it is tall. Looking at the letter <strong class="alternate" style="font-size: 14px;">O</strong>, we can see two effects of anisotropic contrast at once: in its normal orientation, the stroke weight becomes steadily thinner as it reaches the top and bottom of the letter, and the letterform itself is taller than it is wide.</p>
  577.  
  578. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_008-bias-2.png">
  579.  
  580. <p><strong>No. 8.</strong> Complicating the way we perceive weight is the &ldquo;calligraphic bias&rdquo; that&rsquo;s implicit in the Latin alphabet itself. The very shapes of our letters are the product of the broad-edged pen, held at an oblique angle in the right hand, which, as it moves rightward, produces thin upstrokes and thick downstrokes. This pattern of thins and thicks is apparent in many of the typefaces we read every day, but it&rsquo;s also imperceptibly fossilized in even the most evenly-weighted design. Looking at a mirror image of the letter <strong class="alternate" style="font-size: 14px;">A</strong> reveals that its left leg is subtly lighter than its right, a necessary maneuver to satisfy our subliminal expectations about weight &mdash; all the consequence of ancient right-handed scribes.</p>
  581.  
  582. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_009-compound-2.png">
  583.  
  584. <p><strong>No. 9.</strong> To see all of these phenomena at work, look no further than the letter <strong class="alternate" style="font-size: 14px;">S</strong>: it only takes viewing the letter from a different angle to reveal all the sleight-of-hand that goes into making it appear balanced. Turning the <strong class="alternate" style="font-size: 14px;">S</strong> clockwise reveals the different proportions of its top and bottom halves, a necessity to maintain natural balance. In this orientation, the ends of the strokes appear to flare outward, a consequence of the anisotropic contrast that causes weights to thicken as they approach verticality.</p>
  585.  
  586. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-props-illusions_010-compound-2.png">
  587.  
  588. <p><strong>No. 10.</strong> Looking at its mirror image reveals an additional illusion: that the <strong class="alternate" style="font-size: 14px;">S</strong> is considerably thicker in the middle than above or below, a consequence of the calligraphic bias that expects downward strokes to be the heaviest. Nowhere is this more dramatic than in its lower left quarter, where the letter&rsquo;s heavy spine rapidly thins out as it approaches the baseline, the combined effects of anisotropic contrast and calligraphic bias that are both undetectable in its normal orientation. &mdash;JH</p>]]>
  589.    </description>
  590.    <pubDate>Tue, 05 Nov 2019 06:23:00 +0000</pubDate>
  591.    <guid>https://www.typography.com/blog/typographic-illusions#1786</guid>
  592. </item>
  593.                   <item>
  594.    <title><![CDATA[Introducing Decimal]]></title>
  595.    <link>https://www.typography.com/blog/introducing-decimal</link>
  596.    <description>
  597.        <![CDATA[<p><span class="small-caps">One of the telltale signs</span> of a vintage watch is its lettering. The unique markings on watch dials, surprisingly consistent from one manufacturer to the next, evolved separately from typography: these are forms unconcerned with the needs of <em>type</em> designed for printing words on paper, and unmoved by the changing fashions of graphic design. Instead, watch lettering has been shaped by the curious technologies of dial manufacturing, the demanding requirements of working in miniature, and the unusual commercial arrangements that first gave rise to these remarkable inventions.</p>
  598.  
  599. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Omega_and_AeroCompax.jpg">
  600.  
  601. <p>Watch lettering is printed through <em>tampography,</em> a technique in which ink is transferred first from an engraved plate to a spongy, dumpling-shaped silicone pad, and from there onto the convex dial of a watch. To reproduce clearly, a letterform needs to overcome the natural tendencies of liquid ink or enamel held in suspension: tiny serifs at the ends of strokes can create a larger coastline, to help prevent liquid from withdrawing due to surface tension; wide apexes on characters like <strong class="alternate" style="font-size: 14px;">4</strong> and <strong class="alternate" style="font-size: 14px;">A</strong> eliminate the acute angles where liquid tends to pool. In the two watches above, an Omega <em>30T2</em> (ref. 2186) and a Universal Gen&egrave;ve <em>Aero-Compax</em> (ref. 22414), artists have taken different liberties with the figures <strong class="alternate" style="font-size: 14px;">3</strong> and <strong class="alternate" style="font-size: 14px;">7</strong>, using different approaches to maximize the openness of these forms. But the peculiar figure <strong class="alternate" style="font-size: 14px;">4</strong> is identical, with a low crossbar and a wide apex designed to dilate the counter, defending clarity while producing a silhouette that balances comfortably the other numbers on the dial. How is it that two unrelated watches have the same figure four? How do nearly <em>all</em> vintage watches have it?</p>
  602.  
  603. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Horological_4s-1920.jpg">
  604.  
  605. <p>For all the sophistication of a mechanical movement, it&rsquo;s the dial that may be the most complex part of a watch. Creating a single dial may require more than a hundred different operations, as well as the expertise to work with materials from stainless steel to mother-of-pearl (to gemstones, to feathers, to wood.) A dialmaker must know how to galvanize, electroplate, varnish, lacquer, paint, stamp, engrave, solder, and drill, and all in miniature. Dialmakers routinely maintain and operate multiple generations of the same technology, using a laser cutter in concert with a centuries-old rose engine, to create a particular <em>guilloch&eacute;</em> pattern specified by a manufacturer. The niche skills and equipment needed by these workshops encouraged dialmakers to specialize long ago, and for most of the last century, the same small handful of prestigious dialmakers supplied watch dials to nearly all of the major manufacturers. Stern Cr&eacute;ations, established in 1898, provided dials to Audemars Piguet, Vacheron Constantin, Patek Phillipe, and Cartier; Singer, founded in 1919, created them for Rolex, Omega, Heuer, and Universal Gen&egrave;ve. For all the ways in which watch lettering was a natural response to the measurable needs of the medium, it was also the product of a relatively small number of artisans, whose hands shaped the aesthetic of the entire industry. The wide-topped <strong class="alternate" style="font-size: 14px;">4</strong>, the sharp-centered <strong class="alternate" style="font-size: 14px;">M</strong>, and the bulldog stance of the short-limbed <strong class="alternate" style="font-size: 14px;">R</strong> and <strong class="alternate" style="font-size: 14px;">K</strong> were among their mannerisms, a seamless blend of mechanical problem-solving and artistic intuition.</p>
  606.  
  607. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Wittnauer_and_Seafarer.jpg">
  608.  
  609. <p>Some signature gestures of the watchmakers&rsquo; alphabet were innovations that evolved to suit new technological features. The broad swing of the letter <strong class="alternate" style="font-size: 14px;">J</strong>, uncharacteristically topped by a serif, helps to make the letter wider, ensuring that narrow-lettered months like <small class="small-caps">jul</small> and wide-lettered ones like <small class="small-caps">mar</small> will occupy the same space on a calendar wheel. Elsewhere on a watch, alphabets are usually smaller, relegated to marking the scale of a tachymeter or telemeter, or identifying a watch as a <em>chronograph</em> or <em>chronometer.</em> The Swiss domination of the industry ensures the letters <strong class="alternate" style="font-size: 14px;">S</strong> and <strong class="alternate" style="font-size: 14px;">W</strong> on most dials (useful bellwethers for the typeface designer) but here the material ends. Few watches ever included lowercase or italics, save the occasional <strong class="alternate" style="font-size: 14px;">Km</strong> on a telemeter dial, or water resistance indicated in <strong class="alternate" style="font-size: 14px;">ft</strong> or <strong class="alternate" style="font-size: 14px;">m</strong>; punctuation beyond periods and ampersands is similarly absent. But even among the realm of garden-variety capitals, every watch reveals inherent contradictions and short-sighted decisions that limit the potential for a truly authentic typographic revival of the style, guaranteeing early that Decimal would be an interpretation and a celebration of the style, but not a replica.</p>
  610.  
  611. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Watch-G-morphologies.jpg">
  612.  
  613. <p>One of the charms of lettering is its inconsistency. Where a typeface is a fixed system designed to deploy in predictable ways, lettering has the flexibility to adapt to its circumstances. At the small scale of the wristwatch, these circumstances can be extreme: in this Brietling <em>Top Time</em> (ref. 810), the <strong class="alternate" style="font-size: 14px;">G</strong> on the top line has a curved construction, but the one below it &mdash; just 20% smaller &mdash; uses fully horizontal gestures to maintain an open aperture between the two nearby strokes. The dogged type designer may be left to choose between these two models, or to conclude that this beloved aesthetic is the product of these differences, and that no single alphabet could possibly deliver the attractive diversity of the vintage watch. For Decimal, we tried a third approach.</p>
  614.  
  615. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Decimal-annotated-2.svg">
  616.  
  617. <p>Instead of trying to reproduce the anarchic (and sometimes impractical) letters from actual watches, Decimal dissects the style into discrete themes, reassembling them in a different but more useful order. In the Breitling watch above, each model of letter <strong class="alternate" style="font-size: 14px;">G</strong> has its own merit: one is welcoming in its roundness, the other fierce in its geometry. Decimal applies these ideas in different places, so that they become less discordant, and more widely applicable throughout the typeface. In Decimal, open-armed roundness is evoked by curving the letter&rsquo;s jaw, intensity by shearing its top stroke at a dramatic angle that ends in a sharp point. These decisions point the way to resolving the letter <strong class="alternate" style="font-size: 14px;">S</strong> (often awkward on watch dials), and the letter <strong class="alternate" style="font-size: 14px;">Q</strong> (generally absent.)</p>
  618.  
  619. <p>Wherever they could be employed consistently, and harnessed to serve a range of ten weights, idiosyncratic details have been retained, from the <strong class="alternate" style="font-size: 14px;">J</strong> with its unexpected serif, to the wide plateau on the <strong class="alternate" style="font-size: 14px;">A</strong>. The vestigial serifs on watch dials, never appearing with much consistency, are referenced in the angled arms of letters like <strong class="alternate" style="font-size: 14px;">E</strong>, reified into a subtle but perceptible motif that recurs throughout the design.</p>
  620.  
  621. <p>The word &lsquo;Decimal&rsquo; has recurred throughout horological history. <em>Decimal Time</em> refers to an invention of the French Revolution, in which the project of revising the calendar to feature a ten-day week was expanded to include a ten-hour clock, composed of one hundred &lsquo;decimal minutes,&rsquo; each with one hundred &lsquo;decimal seconds&rsquo; &mdash; a well-intentioned but short-lived experiment. <em>Decimal watches</em> are those that feature an additional chapter ring divided into hundredths, making it easier to measure minutes or seconds in more mathematically relevant units: &ldquo;2.5 minutes&rdquo; instead of &ldquo;two minutes and thirty seconds&rdquo; was a boon to scientists, aviators, and statisticians, if not bakers and athletic coaches as well. The idea of the decimal watch appealed to me as a piece of simple technology, and resonated with the themes of the typeface: here is an additional system, designed not to supplant what&rsquo;s useful and recognized, but to supplement it with a new and valuable way of looking at the familiar. &mdash;JH</p>]]>
  622.    </description>
  623.    <pubDate>Tue, 24 Sep 2019 09:29:00 +0000</pubDate>
  624.    <guid>https://www.typography.com/blog/introducing-decimal#1779</guid>
  625. </item>
  626.                   <item>
  627.    <title><![CDATA[Type Design Comes to Netflix]]></title>
  628.    <link>https://www.typography.com/blog/type-design-on-netflix</link>
  629.    <description>
  630.        <![CDATA[<p><small class="small-caps">I&rsquo;m delighted to announce</small> that I&rsquo;m one of the six designers profiled in season two of <em>Abstract: The Art of Design,</em> the Emmy-nominated Netflix original documentary series that returns on September 25. The creation of <a href="https://godfreydadich.com/staff/scott-dadich" target="_blank">Scott Dadich</a>, <a href="https://tremoloproductions.com/tremolo-staff#morgan-neville" target="_blank">Morgan Neville</a>, and <a href="https://godfreydadich.com/work/abstract" target="_blank">Dave O&rsquo;Connor</a>, <em>Abstract</em> explores design as a way of thinking, through the work of designers in different disciplines. For design practicioners, learning about different modes provokes new ways of thinking about the work we do; for design enthusiasts, it explains both the practice and the motivation behind our work.</p>
  631.  
  632. <p>For my episode, I had the extraordinary good fortune of putting myself in the hands of director <a href="http://brianoakes.com" target="_blank">Brian Oakes</a>, who came up through the ranks of graphic design (and was therefore no stranger to typography), and his creative team that included the award-winning cinematographer <a href="http://clairpopkin.com" target="_blank">Clair Popkin</a>. In the coming weeks, I&rsquo;ll be sharing a behind-the-scenes look at my work on this once-in-a-lifetime project.</p>
  633.  
  634. <p>I hope you&rsquo;ll spend an hour getting to know me and my team at H&amp;Co (and two of our unpublished typefaces) &mdash; as well as all of the other remarkable designers representing truly fascinating realms of design.</p>
  635. <!--read_more-->
  636.  
  637. <p>One of the most tantalizing parts of being filmed for <em>Abstract</em> was hearing from the crew about the other episodes they were working on, every one of which sounded captivating. Learning about my fellow subjects kept the bar challengingly high, demanding that we share only the most interesting, provocative, and relevant parts of typeface design. Joining me in the new season are:</p>
  638.  
  639. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/abstract_season2_subjects-positive2.jpg">
  640.  
  641. <p><strong><a href="https://ruthecarter.com" target="_blank">Ruth Carter,</a></strong> <small class="small-caps">costume designer.</small> For a year I&rsquo;ve been hearing about how thrilling it was to document Carter&rsquo;s costumes, which comes as no surprise: her work was my favorite part of <em><a href="https://www.pri.org/stories/2019-02-21/looking-marvel-ous-designing-costumes-black-panther" target="_blank">Black Panther</a>,</em> and for me the high point of the film&rsquo;s art direction. (I wish the camera had lingered on her work even more, but costumes, like typefaces and soundtracks, are there to support the story.) I&rsquo;m very excited to learn more about her work this week, and see what other projects have benefitted from her unique vision.</p>
  642.  
  643. <p><strong><a href="https://casholman.com" target="_blank">Cas Holman,</a></strong> <small class="small-caps">toy designer.</small> I don&rsquo;t think I&rsquo;ve ever met a category of people with more joyful world views than toy designers, who bring a thoughtfulness and perspective to their work that could put a sociologist to shame. I&rsquo;m really eager to spend some time with Holman and her ideas, knowing how much heart and imagination goes into her work at <a href="https://rigamajig.com" target="_blank">Rigamajig</a>: there&rsquo;s a philosophy at work in her toys that I&rsquo;m eager to hear her share.</p>
  644.  
  645. <p><strong><a href="https://neri.media.mit.edu" target="_blank">Neri Oxman,</a></strong> <small class="small-caps">material ecologist.</small> If you&rsquo;re as devoted a Bj&ouml;rk fan as I (she maybe the only member of the avant garde whose work I don&rsquo;t merely respect, but consistently love), you may remember Bj&ouml;rk&rsquo;s <a href="https://www.media.mit.edu/projects/rottlace/overview/" target="_blank">Rottlace</a> mask, which was one of Oxman&rsquo;s creations. Some of the most intriguing images that flashed through the <em>Abstract</em> trailer are hers, inventions from her work at the MIT Media Lab: I&rsquo;m looking forward to spending an hour with her work when there&rsquo;s a pause button handy.</p>
  646.  
  647. <p><strong><a href="https://www.olafureliasson.net" target="_blank">Olafur Eliasson,</a></strong> <small class="small-caps">artist and architect.</small> Eliasson insightfully articulates the role of <em>context</em> in design, highlighting how our encounters with the world are shaped by our perspective, our neurology, our assumptions, and our expectations. (These are themes that resonate with me as a typeface designer, which so often is about drawings things to be <a href="https://www.typography.com/blog/turning-type-sideways">different</a> so that they appear the same.) I&rsquo;m really curious to see more of his studio&rsquo;s work, and learn about his process: I suspect that many of his ideas might be directly applicable to the work that I do with typography.</p>
  648.  
  649. <p><strong><a href="http://www.ianspalter.com" target="_blank">Ian Spalter,</a></strong> <small class="small-caps">digital product designer.</small> If you spend as much time as I do on <a href="https://www.instagram.com/hoeflerco/" target="_blank">Instagram</a>, you&rsquo;re living in a world that&rsquo;s been shaped in no small part by Ian Spalter. As one of the stewards of a worldwide social media platform, Spalter may be the designer whose work has had the greatest impact &mdash; and the most significant consequences &mdash; of any of us. It&rsquo;s going to be interesting to see how the series captures the nuances, and the import, of his work. &mdash;JH</p>]]>
  650.    </description>
  651.    <pubDate>Sat, 21 Sep 2019 18:24:00 +0000</pubDate>
  652.    <guid>https://www.typography.com/blog/type-design-on-netflix#1726</guid>
  653. </item>
  654.                   <item>
  655.    <title><![CDATA[Confidential: EYES ONLY]]></title>
  656.    <link>https://www.typography.com/blog/confidential-eyes-only</link>
  657.    <description>
  658.        <![CDATA[<p>&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; antidote &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608; &#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608; <a href="https://discover.typography.com/theme/eyes-only/" target="_blank">typography of intrigue</a>, &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608; &#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608; &#9608;&#9608;&#9608;&#9608;&#9608; &#9608;&#9608; &#9608; &#9608;&#9608;&#9608;&#9608;&#9608;&#9608;.</p>
  659.  
  660. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/eyes-only-collage-4.svg">]]>
  661.    </description>
  662.    <pubDate>Tue, 11 Jun 2019 06:48:00 +0000</pubDate>
  663.    <guid>https://www.typography.com/blog/confidential-eyes-only#1714</guid>
  664. </item>
  665.                   <item>
  666.    <title><![CDATA[How We Use Type.]]></title>
  667.    <link>https://www.typography.com/blog/how-we-use-type</link>
  668.    <description>
  669.        <![CDATA[<p><small class="small-caps">Q: If you&rsquo;re using a style named &lsquo;extra light,&rsquo;</small> which weight do you select for emphasis?</p>
  670.  
  671. <p>The answer&rsquo;s contained in a simple rule that governs all H&amp;Co typefaces. But it&rsquo;s a rule we&rsquo;ve somehow never thought to share, leaving even the most astute designers to grope through a fog of <em>Mediums</em> and <em>Semibolds</em> in search of a solution. Starting this month, we&rsquo;re changing all that: on today&rsquo;s typography.com, you&rsquo;ll find 46,987 words devoted to <a href="https://typography.com/fonts/ideal-sans/how-to-use"><strong>How to Use</strong></a> every typeface in our library.</p>
  672.  
  673. <p>These are the things we&rsquo;ve learned in our years of both designing typefaces and working with them. The new <em>How to Use</em> pages illustrate all the undocumented features in our library of more than 1,500 fonts, and explain the built-in behaviors that make the fonts perform the way they do. But most of all, they begin the project of recording our institutional memory, illustrating the subtle ways in which the typefaces express their designers&rsquo; intentions, and chronicling the many inside tips that our visual designers and developers have devised along the way.</p>
  674.  
  675. <p><em>How to Use</em> will be an ongoing project, a place to continue to collect the things we learn, the things we remember, and all the things we discover about using type. Here&rsquo;s a taste of what&rsquo;s in store&hellip;</p>
  676.  
  677. <p>&nbsp;</p>
  678. <!--read_more-->
  679.  
  680. <h2>Meeting the Family</h2>
  681.  
  682. <p>We always say that a type family should have &ldquo;as few styles as possible, but as many as necessary,&rdquo; yet somehow their numbers always manage to grow. To wrangle the matrix of weights, widths, postures{footnote_1}, and optical sizes included in our fonts, we&rsquo;ve created for every family a feature called <strong>Pairing Styles</strong> that explores how different familial relationships are specifically designed to provide emphasis, distinction, or decoration. The feature for exploring weights illustrates something we&rsquo;ve never thought to mention: that in H&amp;Co font families, the intervals between weights are chosen to <a href="http://typography.com/fonts/ideal-sans/how-to-use#ideal-sans-emphasizing-text">work in parallel</a>, so that any pair of styles separated by the same number of steps will have the same degree of contrast. The <a href="https://typography.com/fonts/ideal-sans/how-to-use#ideal-sans-emphasizing-text">interactive version</a> explains it best:</p>
  683.  
  684. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-2-inkwell-styles.svg">
  685.  
  686. <p>For our many families whose members have more unorthodox relationships, such as <a href="https://www.typography.com/fonts/inkwell/how-to-use#inkwell-creating-contrasting-textures">Inkwell</a> and <a href="https://www.typography.com/fonts/landmark/how-to-use#landmark-creating-contrasting-textures">Landmark</a>, we&rsquo;ve created miniature laboratories to explore some of the style pairings that we&rsquo;ve found most effective in <strong>Creating Contrasting Textures.</strong> These neither prescribe what you <em>must</em> do, nor illustrate everything you <em>can </em>do, but they&rsquo;re a quick way to cut down a long list of permutations to the ones with which we&rsquo;ve had the most success:</p>
  687.  
  688. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-3-inkwell-line.svg">
  689.  
  690. <p>&nbsp;</p>
  691.  
  692. <h2>Techniques</h2>
  693.  
  694. <p>We created <em>How to Use</em> not simply to document what&rsquo;s inside a typeface, but to illustrate some of the less obvious things that are made possible by different designs. A typeface like <a href="https://www.typography.com/fonts/inkwell/how-to-use#inkwell-normalizing-stroke-weights">Inkwell</a>, for example, invites compositions in which large and small letters appear to have been made with the same pen, an effect that&rsquo;s easily achieved once you figure out a comfortable relationship between point size and stroke weight. In a feature called <strong>Normalizing Stroke Weights, </strong>you&rsquo;ll find our formulas for creating this effect, freed from the Post-It Notes where they used to live:</p>
  695.  
  696. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-1-ideal-sans-weights.svg">
  697.  
  698. <p>You&rsquo;ll find tips for effecting similar techniques throughout our library, whether you&rsquo;re using the delicate hairlines of <a href="https://www.typography.com/fonts/archer/how-to-use#archer-normalizing-stroke-weights">Archer</a> or the even-tempered strokes of <a href="https://www.typography.com/fonts/gotham/how-to-use#gotham-normalizing-stroke-weights">Gotham</a>. A related feature explores the <strong>Optical Sizes</strong> in fonts that are sensitive to the effects of scale, such as the hairline serifs of <a href="https://www.typography.com/fonts/chronicle-display/how-to-use#chronicle-display-using-optical-sizes">Chronicle</a> and <a href="https://www.typography.com/fonts/requiem/how-to-use#requiem-using-optical-sizes">Requiem</a>.</p>
  699.  
  700. <p>For fonts with chromatic layers, such as <a href="https://www.typography.com/fonts/obsidian/how-to-use#obsidian-chromatic-layers">Obsidian</a>, <a href="https://www.typography.com/fonts/peristyle/how-to-use#peristyle-chromatic-layers">Peristyle Stencil</a>, and our <a href="https://www.typography.com/fonts/shades/how-to-use#shades-chromatic-layers">Shades</a> collection, a feature called <strong>Working with Color</strong> demonstrates different configurations of foreground and background layers. Their illustrations cover solutions to some of the more common challenges of two-color typography, such as <a href="https://www.typography.com/fonts/obsidian/how-to-use#obsidian-ligatures">overlapping</a> letters in a ligature, or the <a href="https://www.typography.com/fonts/peristyle/how-to-use#peristyle-color-balancing">clustering</a> of letters of a single color:</p>
  701.  
  702. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-5-surveyor-swash.svg">
  703.  
  704. <p>&nbsp;</p>
  705.  
  706. <h2>Automation</h2>
  707.  
  708. <p>Since so much of what happens in a typeface goes on behind the scenes, we&rsquo;ve illustrated and explained how a font&rsquo;s <strong>Automated Features</strong> work &mdash; and described situations in which typography can be improved by overriding a font&rsquo;s natural behavior:</p>
  709.  
  710. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-7-requiem-chars.svg">
  711.  
  712. <p>In the sections that eliminating collisions and achieving consistent spacing, you&rsquo;ll find more than forty different examples of why you should <a href="https://www.typography.com/fonts/idlewild/how-to-use#idlewild-kerning">never ever use so-called &lsquo;optical kerning&rsquo;</a>, especially in <a href="https://typography.com/fonts/inkwell/how-to-use#inkwell-kerning">script faces</a>, most especially in <a href="https://typography.com/fonts/obsidian/how-to-use#obsidian-kerning">chromatic faces</a>, but moreoever anywhere that you <a href="https://typography.com/fonts/archer/how-to-use#archer-kerning">care what letters look like</a>. Share these with your colleagues, your freelancers, your interns, your boss, and most of all, your clients. Mention this in your brand identity styleguides: it&rsquo;s an easy way to protect against the kind of mischief that destroys logos.</p>
  713.  
  714. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-4-obsidian-color.svg">
  715.  
  716. <p>&nbsp;</p>
  717.  
  718. <h2>Customization</h2>
  719.  
  720. <p>A feature called <strong>Using Special Characters</strong> contains organized lists of all the characters unique to each typeface, including descriptions of what they&rsquo;re for, and how they&rsquo;re most easily activated:</p>
  721.  
  722. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-6-idlewild-kerning.svg">
  723.  
  724. <p>In addition to the tour of special characters you&rsquo;ll find in collections such as <a href="https://www.typography.com/fonts/numbers/how-to-use#numbers-additional-characters">Numbers</a> and <a href="https://www.typography.com/fonts/hoefler-text/how-to-use#hoefler-text-graphic-characters">Hoefler Text</a>, each font&rsquo;s <em>How to Use</em> section includes full documentation for its <strong>Stylistic Sets</strong>{footnote_2}<strong>,</strong> which allow related substitutions to be activated with a single control &mdash; still the best, easiest, and most powerful way to change the temperament of a typeface:</p>
  725.  
  726. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-8-whitney-chars.svg">
  727.  
  728. <p>Once you&rsquo;ve taken a tour of <em>How to Use,</em> pop over to our redesigned <a href="https://typography.com/fonts/ringside/overview"><strong>Overview</strong></a> pages, where you can try all of these techniques for yourself, right here in the browser. As always, I look forward to seeing how our work can play a part in yours! &mdash;JH</p>
  729.  
  730. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/how-we-use-9-ringside-overview-v2-1_RAW.svg">]]>
  731.    </description>
  732.    <pubDate>Tue, 21 May 2019 05:00:00 +0000</pubDate>
  733.    <guid>https://www.typography.com/blog/how-we-use-type#1711</guid>
  734. </item>
  735.                   <item>
  736.    <title><![CDATA[Introducing Inkwell Condensed]]></title>
  737.    <link>https://www.typography.com/blog/inkwell-condensed</link>
  738.    <description>
  739.        <![CDATA[<p><span class="small-caps">Today, we&rsquo;re publishing</span> a new family of typefaces called <a href="https://www.typography.com/fonts/inkwell/overview/">Inkwell Condensed</a>. These six new styles are part of the Inkwell universe of &lsquo;handwritten typefaces,&rsquo; designed to have the informality and expressiveness of writing, but the credibility and ease of type. We&rsquo;re rolling them into the Inkwell Complete package, so they&rsquo;ll be a free download for existing licensees of those fonts, and available to purchase individually if you&rsquo;re new to Inkwell.</p>
  740.  
  741. <p>But first, an observation about size and shape that has me wondering if everything I&rsquo;ve ever learned about optical size is wrong.</p>
  742.  
  743. <p>A typeface&rsquo;s <em>optical size</em> is the scale at which it&rsquo;s intended to be used. When a display face is redesigned for smaller sizes, its thin strokes are thickened, its gestures are amplified, its proportions are adjusted to favor small shapes (the entire lowercase usually gets substantially bigger), and additional white space is added wherever it can help relieve congestion: counters are enlarged, apertures opened, and inter-character fit is loosened. The net effect of these changes is an overall widening of letterforms as they get smaller, as a quick comparison of related text and display faces will confirm. Our tidy conclusion is that <strong>at small sizes, wider letters are easier to read.&nbsp;</strong></p>
  744.  
  745. <p>And while this is demonstrably true, it conceals a cunning logical fallacy. We can&rsquo;t prove its reverse statement (its &lsquo;contrapositive&rsquo;), that at <em>large</em> sizes, <em>narrower</em> letters are easier to read, and wider ones <em>harder.</em> This is observably not true, so something&rsquo;s up.</p>
  746.  
  747. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-condensed-release_responsive-03.svg">
  748.  
  749. <p>When Jordan Bell and I first began drawing Inkwell Condensed, we had a hard time keeping the design from looking too slick. Inkwell is a collection of informal, unmannered designs, expressly designed to <a href="https://www.typography.com/blog/meet-inkwell">reveal the presence of an author</a> behind the words. Yet our earliest drawings for the Condensed were almost instinctively polished, like the lettering of signs in supermarket windows (whose bouncy nonchalance belies the practiced hand of a master signpainter.) Somehow the other Inkwells had succeeded in feeling less like the work of a commercial artist, and more like the patient block lettering of a competent and determined doodler. But the Condensed was going its own way.</p>
  750.  
  751. <p>What neither of us noticed was that we&rsquo;d been drawing at a larger size than usual, where it was easier to control the design&rsquo;s steep angles and compact curves &mdash; and this is where size, proportion, and style begin to connect. The other Inkwells had been drawn at handwriting size, where the fingertips can comfortably guide a pen in circular motions. But these new drawings came from the wrist, which is given to large, fluid curves &mdash; and, because its <a href="https://www.sciencedirect.com/science/article/abs/pii/036350239190006W" target="_blank">functional range of motion is twice as vertical as horizontal</a>, it draws shapes that are taller than they are wide. Our wrists are more flexible with up-and-down <em>extension</em> and <em>flexion</em> than with side-to-side <em>ulnar and radial deviation.</em> Try it: with a stiff arm and loose wrist, draw wide circles in the air with your index finger, and notice how much easier it is once you compress the circle into an upright ellipse. This fact of our physiology may be part of our comfort and familiarity with condensed letterforms at display sizes: it&rsquo;s not that they&rsquo;re easier to read, but that <strong>at large sizes, narrower letters are easier to write.</strong></p>
  752.  
  753. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-condensed-release_responsive-02.svg">
  754.  
  755. <p>If Inkwell Condensed has the same optical size as the other members of the Inkwell family, it might be said to have a larger <em>carpal size,</em> feeling most natural when it&rsquo;s taller than the handwriting-like typography it accompanies. We&rsquo;ve worked to ensure that it has the same candor and lack of pretense as the rest of the Inkwell family, and feels like the product of the same capable but unstudied hand. Because we&rsquo;re used to seeing tall writing in public, Inkwell Condensed ably handles the kinds of lettering that once went only to signpainters: price lists, placards, covers and posters seem to be its m&eacute;tier.</p>
  756.  
  757. <p>With the hope that Inkwell fans will want to use the fonts immediately, I&rsquo;ve decided to make it a <a href="https://www.typography.com/account/your-account.php#font-library">free download</a> for anyone who&rsquo;s already bought Inkwell Complete. If you&rsquo;re new to Inkwell, you can pick up the six-style <a href="https://www.typography.com/fonts/inkwell/styles/inkwellcondensed">Inkwell Condensed</a> for $129, or the fifty-four style <a href="https://www.typography.com/fonts/inkwell/styles/inkwellcomplete">Inkwell Complete</a> for $399. I hope they&rsquo;ll make a valuable addition to your collection! &mdash;JH</p>
  758.  
  759. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-condensed-release_responsive-04-2_4040px.png">]]>
  760.    </description>
  761.    <pubDate>Wed, 13 Feb 2019 06:44:00 +0000</pubDate>
  762.    <guid>https://www.typography.com/blog/inkwell-condensed#1698</guid>
  763. </item>
  764.                   <item>
  765.    <title><![CDATA[What’s New in Web Fonts from H&Co]]></title>
  766.    <link>https://www.typography.com/blog/hoefler-self-hosted-web-fonts-and-full-library</link>
  767.    <description>
  768.        <![CDATA[<p><span class="small-caps">A lot has changed</span> since we launched Cloud.typography. Browsers have gotten smarter about type, mobile devices have gotten clearer, and everyone&rsquo;s learned that a website&rsquo;s fonts play a critical part in making a good first impression. And all the while, we&rsquo;ve been learning from tens of thousands of designers, developers, agencies, brands, and businesses about how they work, what they need, and how typography needs to work for them. So we&rsquo;re very pleased to offer two new major upgrades that make it easier than ever to step up to web fonts by H&amp;Co.</p>
  769.  
  770. <h2>Cloud.Typography, now with <em>all</em> the fonts.</h2>
  771.  
  772. <p>For years, Cloud.typography has included any five fonts of your choosing, and the rest available to purchase. Today we&rsquo;re making things a lot simpler, a lot more flexible, and a <em>lot</em> more valuable: every Cloud.typography subscription now includes access to our complete library of fonts to use on the web.</p>
  773.  
  774. <p>If you&rsquo;re an existing subscriber, log in today and start developing with our ever-growing collection of more than 1,500 original fonts. And if you&rsquo;re not yet using Cloud.typography, <a href="http://typography.com/webfonts/"><span style="color: #ffffff;">subscribe today</span></a> for as little as <strong style="font-size: 14px;">$199</strong>/year.&#3;</p>
  775.  
  776. <h2>Self-hosted web fonts!</h2>
  777.  
  778. <p>We&rsquo;ve been listening: to developers who like to work offline, to website owners who prefer to serve from their own architecture, and to organizations who need to publish without third-party integrations. So today, we&rsquo;re pleased to introduce self-hosted web fonts from H&amp;Co.</p>
  779.  
  780. <p>Whether you&rsquo;re a Cloud.typography subscriber or not, now you can license any of our fonts for self-hosting, and download them as both <span class="small-caps" style="font-size: 14px;">woff</span> and <span class="small-caps" style="font-size: 14px;">woff2</span> files. In place of Cloud.typography&rsquo;s <a href="https://dashboard.typography.com/user-guide/font-features"><span style="color: #ffffff;">Character Set</span></a> panel that manages complex character sets, H&amp;Co&rsquo;s self-hosted web fonts use the same OpenType features as our desktop fonts, so that typographic features like small caps or tabular figures (or <a href="https://www.typography.com/faq/question.php?faqID=157"><span style="color: #ffffff;">Stylistic Sets!</span></a>) can be implemented even more easily, using the CSS <em style="font-size: 14px;">font-feature-settings</em> property supported by all modern browsers.</p>
  781.  
  782. <p>Self-hosting licenses are priced by pageviews per month, and designed to be scalable and affordable for organizations both large and small. And we&rsquo;re offering self-hosting licenses as either a fixed-cost annual subscription, or a one-time perpetual plan. You&rsquo;ll find these options available on every font&rsquo;s <a href="https://www.typography.com/fonts/ringside/styles/ringsidewide"><span style="color: #ffffff;">product page.</span></a></p>
  783.  
  784. <h2>Thanks.</h2>
  785.  
  786. <p>On behalf of all of us at H&amp;Co &mdash; the type designers who bring you the fonts, the development team that builds and runs Cloud.typography, and the business group that&rsquo;s always finding new ways for us to give people more &mdash; I want to thank you for making our typefaces a part of how you communicate. We&rsquo;re committed to making it as easy as possible to speak consistently, clearly, and professionally across all channels, and grateful to have the chance to support your work through ours. &mdash;JH</p>]]>
  787.    </description>
  788.    <pubDate>Wed, 23 Jan 2019 06:00:00 +0000</pubDate>
  789.    <guid>https://www.typography.com/blog/hoefler-self-hosted-web-fonts-and-full-library#1697</guid>
  790. </item>
  791.                   <item>
  792.    <title><![CDATA[Turning Type Sideways]]></title>
  793.    <link>https://www.typography.com/blog/turning-type-sideways</link>
  794.    <description>
  795.        <![CDATA[<p><span class="small-caps">Typeface design</span> has a lot of discarded bycatch: small discoveries and observations that aren&rsquo;t large enough to develop, but are nonetheless interesting and&nbsp;useful. Instead of allowing these ideas to perish, I&rsquo;d like to preserve and share them, with the hope that they&rsquo;ll be helpful, diverting, or inspiring to other designers.</p>
  796.  
  797. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/turning-type-sideways_responsive-01.svg">
  798.  
  799. <p>This month, researchers made official something that typeface designers have long known: that <strong>horizontal lines appear thicker than vertical ones. </strong>At left, a square made from equally thick strokes; at right, the one that <em>feels</em> equally weighted, its vertical strokes nearly 7% thicker than the horizontals. This phenomenon, central to typeface design, has implications for the design of logos, interfaces, diagrams, and wayfinding systems, indeed anywhere a reader is likely to encounter a box, an arrow, or a line.</p>
  800.  
  801. <p>Published in the journal <em>Vision,</em> this <a href="https://www.mdpi.com/2411-5150/3/1/1/htm">peer-reviewed paper</a> confirms that most people overestimate the thickness of horizontal lines. This is the very optical illusion for which type designers compensate by lightening the crossbar of a sans serif <strong class="alternate">H</strong>, an adjustment that&rsquo;s easily revealed by looking at a letter sideways. When rotated, the evenly-weighted <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a> is revealed to have thicker verticals than horizontals; try the same in <a href="https://www.typography.com/fonts/ideal-sans/overview/">Ideal Sans,</a> a typeface designed to push against the boundaries of what we normally notice when we read, and it becomes clear how little we actually see of what is there.</p>
  802.  
  803. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/turning-type-sideways_responsive-04.svg">
  804.  
  805. <p>This new study by de Waard, Van der Burg, and Olivers explores different theories as to <em>why</em> we see these things the way we do. Cultural forces presumably play some part: Western typeface designers have long been taught that our bias about weight and directionality stems from the role of the broad-edged pen in European calligraphy, which still underpins our expectations about what letters should look like. (Even the most monolinear letter <strong class="alternate">A</strong> has a thin side and a thick, an enduring vestige of calligraphic patterns.) Intriguingly, the divergent traditions of Arabic and Latin calligraphy have a detectable influence on perception, for which the authors offer some interesting statistics.</p>
  806.  
  807. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/turning-type-sideways_responsive-02.svg">
  808.  
  809. <p>But they go further, to offer some compelling <em>physiological</em> explanations for the phenomenon. One possibility, proposed in an article from the <a href="http://psycnet.apa.org/record/1959-00403-001"><em>Journal of Experimental Psychology</em></a> cited by the authors, suggests that our field of vision &mdash; more horizontal than vertical &mdash; has an effect on the relative perception of size. Also mentioned is a 2002 article by Catherine Q. Howe and Dale Purves, published in the <a href="https://www.pnas.org/content/99/20/13184.short"><em>Proceedings of the National Academy of Science,</em></a> which hints at a larger explanation for all optical illusions, a theory to which I&rsquo;ve long subscribed but never seen argued: that, because our brains evolved to reckon with the three-dimensional world, the expectations that bring to bear upon <em>two-dimensional</em> forms often don&rsquo;t apply. When there&rsquo;s a disconnect between what we see and what we expect to see, we experience this as an optical illusion.</p>
  810.  
  811. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/turning-type-sideways_responsive-03.svg">
  812.  
  813. <p>Is it possible that <em>all</em> of typography&rsquo;s many optical illusions can be correlated with misapplied learning from our experience of the real world? So much of perception involves reflexively adjusting for the effects of context, light, or perspective, in order to make quick judgments about size, distance, color, or mass. Do we perceive round letters as shorter than flat ones because we intuitively understand something about the weight of cubes and spheres? Is it a lifetime of looking at foreshortened things above us that leads us to expect a well-balanced letterform to be smaller on top than on the bottom? These are half-thoughts that I&rsquo;d love to see explored by further research. In the meantime, it&rsquo;s a good reminder to design not for what we expect to see, but for what we actually believe we&rsquo;re seeing. &mdash;JH</p>]]>
  814.    </description>
  815.    <pubDate>Wed, 16 Jan 2019 06:19:00 +0000</pubDate>
  816.    <guid>https://www.typography.com/blog/turning-type-sideways#1696</guid>
  817. </item>
  818.                   <item>
  819.    <title><![CDATA[Fast Fonts]]></title>
  820.    <link>https://www.typography.com/blog/fast-fonts</link>
  821.    <description>
  822.        <![CDATA[<p><span class="small-caps">Typeface designers</span> frequently speak of curves being <em>fast</em> or <em>slow.</em> We&rsquo;re often talking about the kind of motion that we imagine having created a shape, whether something feels like the product of a relaxed wrist loosely holding a pen, or pinched fingers meticulously turning a compass. A common topic is <em>changes</em> in speed, whether throughout a curve, an alphabet, or even a family of typefaces. There are curves that breathtakingly decelerate in exciting ways, letterforms that employ different strategies (so that a boxy <strong class="alternate">W</strong> feels as nimble as a sinewy <strong class="alternate">S</strong>), and the constant battle to ensure that lithe alphabets aren&rsquo;t paired with sluggish boldfaces. Here are some of the techniques we use to convey speed in our letterforms, and some things that you as a designer can do when choosing and applying typefaces. &mdash;JH</p>
  823.  
  824. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fast-fonts-isotope_1920px.png">
  825.  
  826. <p><strong>Relieve the corners.</strong> Above, in the <a href="https://www.typography.com/fonts/isotope/overview/">Isotope</a> <strong class="alternate">N</strong>, the font&rsquo;s energetic movement comes from the placement of its curves and corners. In a typeface that generally has sharp edges, subtle curves on the outside diagonal corners help to heighten the momentum through the line.</p>
  827.  
  828. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fast-fonts-idlewild_1920px.png">
  829.  
  830. <p><strong>Choose extreme proportions. </strong><a href="https://www.typography.com/fonts/idlewild/overview/">Idlewild&rsquo;s</a> pronounced width is accentuated by gestures that extend outward, like the elongated tail of this capital <strong class="alternate">R</strong>. A typeface originally inspired by lettering on cruise ships and jet fuselages, these proportions have long been used to symbolize the perfect balance of speed and control.</p>
  831.  
  832. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fast-fonts-vitesse_1920px.png">
  833.  
  834. <p><strong>Look for controlled dissonances. </strong>Even unexpected genres like the slab serif can achieve a feeling of speed. Above: more sophisticated than a simple rounded rectangle, the <a href="https://www.typography.com/fonts/vitesse/overview/">Vitesse</a> typeface contrasts round sides and flat bases to introduce a dynamic tension. Even the simple letter <strong class="alternate">O</strong> has moments in its &lsquo;corners&rsquo; where its material seems to bend almost to the point of breaking, adding a little drama to what could otherwise be a unadventurous letterform.</p>
  835.  
  836. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fast-fonts-tungsten-compressed_1920px.png">
  837.  
  838. <p><strong>Tighten the curves. </strong>Letters in the <a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten Compressed</a> family take every opportunity to square up against their sides, to convey a clean, engineered feel. Instead of slowly moving through a graceful curve, the spine of Tungsten&rsquo;s <strong class="alternate">S</strong> has tight turns that quickens the movement, creating a brisk, staccato tone.</p>
  839.  
  840. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fast-fonts-peristyle_1920px.png">
  841.  
  842. <p><strong>Turn up the contrast. </strong>In the <a href="https://www.typography.com/fonts/peristyle/overview/">Peristyle</a> typeface, the stark contrast of thicks and thins is never more dramatic than in its letter <strong class="alternate">M</strong>, which cycles rapidly between quiet and loud timbres. As the font gets heavier, and the distinction between dark and light strokes becomes more pronounced, adding a little letterspacing helps make the font rev louder.</p>]]>
  843.    </description>
  844.    <pubDate>Wed, 23 May 2018 20:44:00 +0000</pubDate>
  845.    <guid>https://www.typography.com/blog/fast-fonts#1695</guid>
  846. </item>
  847.                   <item>
  848.    <title><![CDATA[Fonts for Complex Data]]></title>
  849.    <link>https://www.typography.com/blog/fonts-for-complex-data</link>
  850.    <description>
  851.        <![CDATA[<p><span class="small-caps">Type designers work with a diverse clientele,</span> and yet common themes always seem to emerge in our conversations. This seems to be the season of complex typography, in which designers everywhere are faced with the challenge of presenting different and competing kinds of information to readers. An agency we&rsquo;re working with is designing a demanding identity for a fast-moving consumer goods brand; an in-house art department is creating a responsive website for complex financial disclosures; a freelance graphic designer is doing the identity for a local coffeeshop, and discovering the joys and perils of digital menu boards. As always, the wrong fonts can lead designers into sticky dead ends, but the right ones can be immeasurably helpful. Here are some of the things our clients consider when faced with complex typography, and some of the typographic strategies that can be the quickest routes to success.</p>
  852.  
  853. <h2>Strategies for Small Sizes</h2>
  854.  
  855. <p>Information can often be divided into data and annotations. A web form needs a way to distinguish entry fields from labels; a graph needs not only labels for its <em style="font-size: 14px;">x</em> and <em style="font-size: 14px;">y</em> axes, but most crucially a verifiable reference for the source of its data. (#fakenews, I&rsquo;m looking at you.) The most familiar and obvious way to establish this hierarchy is through type size, using palpably smaller type to distinguish the content from its notes. But at smaller-than-text sizes, even the most lucid typefaces can become difficult to read, their spacing overly tight, their counters congested, and their x-heights measly. Compare the tiny type in these two examples.</p>
  856.  
  857. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-2@2x-8.png">
  858.  
  859. <p>Helpfully, there&rsquo;s an adaptation designed for the web that proves useful in any medium: a typeface&rsquo;s <a href="https://www.typography.com/collections/screensmart/">ScreenSmart</a> fonts, which are designed to compensate for the effects of scale. Above, two compositions using the <a href="https://www.typography.com/fonts/whitney/overview/">Whitney</a> typeface, the one at the right substituting <a href="https://www.typography.com/fonts/whitney/styles/screensmart/">Whitney ScreenSmart</a> for the tiny annotations below the graph. ScreenSmart fonts always deliver greater clarity and more comfortable reading at smaller-than-text sizes, making them a useful companion to a multipurpose typeface for setting the fine print.</p>
  860.  
  861. <h2>Dealing with Lists</h2>
  862.  
  863. <p>Fine print is the bugbear of typography not only for its tiny size, but often its prodigious length. Disclosures, disclaimers, and lists of ingredients may be the sections that readers most often ignore, yet they&rsquo;re among the most heavily regulated part of any typographic object, and therefore the content that&rsquo;s most heavily scrutinized by an alarmingly large portion of an organization. Hands up if you&rsquo;ve ever received a request from Legal to fit in a few more sentences once a design has been approved. Hands up if this wasn&rsquo;t exactly a &ldquo;request.&rdquo;</p>
  864.  
  865. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-3@2x-8.png">
  866.  
  867. <p>A non-designer&rsquo;s first impulse is often to reach for a condensed typeface, on the principle that narrower letters take up less space. Yet it&rsquo;s almost always a better option to make the counter-intuitive choice of a <em>wider</em> typeface, and to set the type in a smaller size with tighter leading. Wider letters have more comfortable proportions, they&rsquo;re more generously spaced, and they have more ample counters, collectively making them the more legible choice. Above, two ingredient lists in Gotham: at left the passable <a href="https://www.typography.com/fonts/gotham/styles/gothamcondensedbundle">Gotham Condensed</a>, but at right the far more inviting <a href="https://www.typography.com/fonts/gotham/styles/gothamnarrowbundle">Gotham Narrow</a>, a family that&rsquo;s two steps wider. <strong class="alternate">TIP:</strong> Use not only a wider font, but a wider <em>ScreenSmart</em> font as well, for maximum clarity.</p>
  868.  
  869. <h2>Working the Character Set</h2>
  870.  
  871. <p>The humble <em>annotation</em> can give designers the chance to flex their creativity, and an excuse to explore the more colorful quarters of the character set. <a href="https://www.typography.com/blog/house-of-flying-reference-marks">Reference marks</a>, starting with the asterisk and dagger, are sometimes a welcome grace note whenever the subject matter becomes dry, but beware their use if there are more than three notes in a document. Readers can be counted upon to recognize the cycle of *, &dagger;, and &Dagger;, but probably not the longer series of **, &dagger;&dagger;, and &Dagger;&Dagger; &mdash; or &sect;, || and #, depending on your house style. If there are more than three footnotes, stick with unambiguously numbered <em>superscripts</em> instead:</p>
  872.  
  873. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-4@2x-8.png">
  874.  
  875. <p>Superscripts are included in every H&amp;Co font that has a <a href="https://www.typography.com/collections/charts-tables/">Pro</a> edition, as well as <a href="https://www.typography.com/fonts/gotham/features/gotham-numerics">Gotham</a>, <a href="https://www.typography.com/fonts/ringside/features/ringside-numerics">Ringside</a>, and <a href="https://www.typography.com/fonts/inkwell/features/inkwell-numerics">Inkwell</a>. <strong class="alternate">TIP:</strong> In the text, mark your footnotes with <em>superscripts,</em> which ascend above the cap height. But in the notes themselves, use <em>numerators</em> instead, which are lower on the body. This connects them more clearly with the explanations that follow, and gives them greater clearance from the preceding lines.</p>
  876.  
  877. <h2>Numerics, Numerics, Numerics</h2>
  878.  
  879. <p>The same <a href="http://www.typography.com/collections/charts-tables/">Pro</a> packages that contain superscripts and numerators contain <em>tabular figures,</em> the most vital part of any composition that includes numbers. Unlike a font&rsquo;s traditional <em>proportional figures,</em> whose widths vary with the natural shape of each number &mdash; from a narrow <strong class="alternate">1</strong> to a wide <strong class="alternate">0</strong> &mdash; tabular figures are all built on the same horizontal measure, ensuring that columns of data always align correctly.</p>
  880.  
  881. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-5@2x-8.png">
  882.  
  883. <p>Tabular figures have a second and equally important characteristic: they maintain their equal widths across a range of <em>weights. (</em>This runs counter to the typical behavior in a typeface, in which heavier weights become progressively wider.) Known as &ldquo;duplexing,&rdquo; this is one of the essential characteristics of tabular figures, because it allows designers to highlight individual lines in boldface without disrupting the width of the column.</p>
  884.  
  885. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-6@2x-8.png">
  886.  
  887. <p><strong class="alternate">TIP:</strong> The word &ldquo;tabular&rdquo; may imply the dense tables that are annexed to annual reports and financial disclosures, but don&rsquo;t forget how often stacks of numbers appear in other contexts. Tabular figures are essential in menus, indexes, and directories, and anywhere that a design includes prices, statistics, account numbers, or scores &mdash; or any kind of dynamic data online. Any digital experience that shows changing numbers such as stock prices, sports scores, product <span class="small-caps">sku</span>s, exchange rates, flight numbers, timetables, or membership points will absolutely demand tabular figures. Design your projects with tabular figures from the outset.</p>
  888.  
  889. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-7@2x-8.png">
  890.  
  891. <h2>Making Creative Choices</h2>
  892.  
  893. <p>Advanced numeric characters like tabular figures and superscripts aren&rsquo;t the exclusive province of workhorse type families, and not every project demands a sober serif or sans. When a project&rsquo;s complexity requires a hard-working typeface, but its subject matter invites a more individual tone, look for unexpected typefaces that feature extended numerics. The handwritten <a href="https://www.typography.com/fonts/inkwell/features/inkwell-numerics">Inkwell</a> contains all the features needed to articulate demanding content, but its relaxed demeanor has a natural affinity for entertainment, retail, food services, the arts, hospitality, pediatric care, and even philanthropy:</p>
  894.  
  895. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-8@2x-8.png">
  896.  
  897. <p><strong class="alternate">TIP: </strong>If your tables will use only a single weight, consider a typeface whose numbers have <em>equal widths</em> without the regular-and-bold <em>duplexing</em> of true tabular figures. The <a href="https://www.typography.com/fonts/numbers/inside/indicia">Indicia</a>, <a href="https://www.typography.com/fonts/numbers/inside/claimcheck">Claimcheck</a>, <a href="https://www.typography.com/fonts/numbers/inside/revenue">Revenue</a> and <a href="https://www.typography.com/fonts/numbers/inside/greenback">Greenback</a> typefaces in our <a href="https://www.typography.com/fonts/numbers/overview/">Numbers</a> collection are designed on a fixed width, as are the cheeky digits in each weight of <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-blackletter">Inkwell Blackletter</a>.</p>
  898.  
  899. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-9@2x-8.png">
  900.  
  901. <h2>Branding Custom Collateral</h2>
  902.  
  903. <p>The last mile of visual communications are often the things created not by designers, but by software. It&rsquo;s frequently the operators of word processors, spreadsheets, and presentation packages who need to speak in the organization&rsquo;s voice, but lack the tools to do so properly. For these projects, we&rsquo;ve created <a href="https://www.typography.com/blog/office-fonts">Office Fonts</a>.</p>
  904.  
  905. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-complex-data_responsive-10@2x-8.png">
  906.  
  907. <p>Office Fonts are adaptations of H&amp;Co&rsquo;s <a href="https://www.typography.com/collections/office/">hardest-working typefaces</a>, specifically engineered for use in business packages such as Word, Excel, and PowerPoint. These are the same families whose ScreenSmart fonts invite use at small sizes, and whose Pro character sets can tackle complex data. Reimagined for the non-designer, Office Fonts are limited to a familiar four styles per family (roman, italic, bold, and bold italic), and feature exclusively tabular figures, to avoid typographic mishaps that might go undetected. (And they ship in TrueType format, for maximum backward compatibility with even the most antiquated operating systems.) <strong class="alternate">TIP:</strong> If a brand&rsquo;s communications will ultimately include custom collateral like reports, proposals, statements, and presentations, design these documents from the outset using Office Fonts, to take advantage of their unique characteristics. &mdash;JH</p>]]>
  908.    </description>
  909.    <pubDate>Tue, 13 Feb 2018 14:07:00 +0000</pubDate>
  910.    <guid>https://www.typography.com/blog/fonts-for-complex-data#1202</guid>
  911. </item>
  912.                   <item>
  913.    <title><![CDATA[Meet Isotope]]></title>
  914.    <link>https://www.typography.com/blog/meet-isotope</link>
  915.    <description>
  916.        <![CDATA[<p><span class="small-caps">If your idea of a luxurious product</span> is one that&rsquo;s stainless steel rather than gold, you may be a Functionalist. Functionalism is an approach to design that gained popularity in the decade after World War II, especially among German manufacturers of consumer goods, for whom a thing&rsquo;s visual design was the natural expression of how it was meant to be used. In their desire to be intuitive and straightforward, the designers of a generation of unobtrusive radios, bathroom scales, and turntables would define a new aesthetic, one that still resonates with us as useful, well-built, honest, and timeless.</p>
  917.  
  918. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/german-logos-2-plus-top-padding-2.png">
  919.  
  920. <p>In the years that followed, the Swiss International Typographic Style would supply the letterforms for this philosophy, and industrial design would forever be associated with Helvetica and Univers. But briefly, before Swiss typography swept the continent, there was a strikingly beautiful species of letterform that arose in Germany &mdash; never produced as a typeface, but popular among lettering artists, through whom it became fossilized in company logos. For their precision-built products, companies like Sennheiser, Liebherr, Soehnle and Leifheit would adopt this new style of letterform, to convey the solidity, reliability, and practicality of products from kitchen appliances to bulldozers. It&rsquo;s this style that we&rsquo;ve explored in <strong style="font-size: 14px;">Isotope&reg;</strong>.</p>
  921.  
  922. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/isotope-release_responsive-02-2.svg">
  923.  
  924. <p>Where Functionalist lettering was limited to boxy capitals, Isotope reimagines the style across a full <a href="https://typography.com/fonts/isotope/styles/">range of weights</a>, and a complete character set including a lowercase. The broadest strokes of the style have been preserved &mdash; contrasting vertical and horizontal weights, complex letters like <strong class="alternate" style="font-size: 14px;">S</strong> reduced to their most linear essence &mdash; to which Isotope brings new subtleties that help make the design not just purposeful, but luxurious and elegant. Corners are intermittently softened, to heighten the momentum through letters like <strong class="alternate" style="font-size: 14px;">A</strong>, <strong class="alternate" style="font-size: 14px;">M</strong>, <strong class="alternate" style="font-size: 14px;">N</strong>, <strong class="alternate" style="font-size: 14px;">V</strong> and <strong class="alternate" style="font-size: 14px;">W</strong>; in the numbers, strokes are sheared at unexpected angles to give them a welcome liveliness. From the initial <em style="font-size: 14px;">Ultra</em> at the heaviest end of the spectrum, Isotope descends through eight discrete weights down to a sinewy <em style="font-size: 14px;">Thin</em>, where subtle details rescue the design from sterility, to create a typeface that&rsquo;s smartly clinical, and reassuringly exact.</p>
  925.  
  926. <p>My thanks to our typeface designers Troy Leinster and Sara Soskolne, who joined me in developing this idea into a fuller and more practical family of typefaces than any of us ever imagined. Their backgrounds in graphic design helped keep the project focused on its end uses, and prompted an ongoing conversation about what the fonts were <em style="font-size: 14px;">for.</em> In lesser hands, this lettering might have remained a nostalgic curio &mdash; or worse, veered into the sort of streamlined lettering that&rsquo;s the exclusive province of science fiction. Instead, we found ourselves able to steer Isotope towards associations of luxury, fitness, health, fashion and beauty, as well as engineering, technology, and industry. We&rsquo;re looking forward to seeing what designers will do with it. &mdash;JH</p>]]>
  927.    </description>
  928.    <pubDate>Tue, 09 Jan 2018 11:00:00 +0000</pubDate>
  929.    <guid>https://www.typography.com/blog/meet-isotope#1221</guid>
  930. </item>
  931.                   <item>
  932.    <title><![CDATA[Introducing Peristyle]]></title>
  933.    <link>https://www.typography.com/blog/introducing-peristyle</link>
  934.    <description>
  935.        <![CDATA[<p><span class="small-caps">So many of a typeface&rsquo;s attributes</span> have obvious associations for readers. Extreme weights can suggest delicacy or strength; extreme widths can be bustling or contemplative. Even the size of the lowercase sends a quick signal to the reader: a small lowercase can read as precious, and a large one can feel gentle and good-natured. Rare are those typographic qualities that have an immediate effect on readers but are open to interpretation, and chief among these is <em>contrast,</em> the quality we&rsquo;re exploring with <strong>Peristyle&reg;</strong>.</p>
  936.  
  937. <p>Contrast, the relationship between an alphabet&rsquo;s thickest and thinnest strokes, is present in all typefaces. It&rsquo;s a vestige of calligraphy, revealing the distant influence of the broad-edged pen, and it appears in even the most mechanical geometric typefaces. Amplifying a design&rsquo;s contrast makes it less familiar, and therefore more dramatic, most often in the service of some kind of exoticism: there&rsquo;ve been high-contrast faces that are newfangled, old-fashioned, futuristic or retro, ones that evoke the mechanized clich&eacute;s of science fiction, or the streamlined motifs of Art Deco. With Peristyle, we wondered: could we turn up the contrast without looking either backward or forward, to create a typeface for <em>today?</em> Could we use this drama to create a strong personal style that was chic, fashionable instead of fussy, and elegant instead of eccentric?</p>
  938.  
  939. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/peristyle-release_responsive-02.svg">
  940.  
  941. <p>Peristyle explores the effects of contrast across six weights, from a vertiginous Light to a groovy Black. In place of the repeated gestures that are common to condensed typefaces &mdash; a pattern that quickly becomes tiresome &mdash; we&rsquo;ve added a couple of supplementary motifs to keep the design engaging and upbeat. Circular &lsquo;ball terminals&rsquo; on letters like <strong class="alternate">y</strong> and <strong class="alternate">r</strong> help drive them apart from their cousins <strong class="alternate">u</strong> and <strong class="alternate">n</strong>, and vigorous wedges on letters like <strong class="alternate">k</strong> and <strong class="alternate">g</strong> help distinguish them from the workaday <strong class="alternate">h</strong> and <strong class="alternate">q</strong>. These dynamic shapes recur throughout the character set, and across the full range of weights, creating an effervescent rhythm everywhere the font is used.</p>
  942.  
  943. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/peristyle-release_responsive-01.svg">
  944.  
  945. <p>Having distilled Peristyle down to a sufficiently expressive set of parts, we couldn&rsquo;t resist further reducing the design down to its parts alone, so we added a stencil design to the family. It&rsquo;s included as three styles: a standalone Peristyle Stencil font, and two bicolor layers that can be tinted differently and stacked together. (Letters that can be divided into left and right halves irresistably invite the use of color, to create a secondary rhythm of alternating hues.) Peristyle Stencil&rsquo;s two layered fonts make settings like these easy to design &mdash; and an additional piece of back-end logic, built into the fonts themselves, makes it easier than ever to create two-color typography that&rsquo;s balanced and consistent.</p>
  946.  
  947. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/peristyle-release_responsive-03.svg">
  948.  
  949. <p>Separating a character into two colors works intuitively when the letterform has two equal halves, but becomes trickier in letters with one stroke (like <strong class="alternate">i</strong>, <strong class="alternate">l</strong>, and <strong class="alternate">t</strong>) or with three (such as <strong class="alternate">m</strong> and <strong class="alternate">w</strong>) &mdash; not to mention more complex characters like <strong class="alternate">g</strong>, <strong class="alternate">&#510;</strong>, or <strong class="alternate">%</strong>. Without carefully managing which shapes get which color, two-color typography quickly develops unwanted concentrations: above, the sequences <em>Illu, stra,</em> and <em>tio</em> are overwhelmingly blue. Peristyle Stencil solves the problem by automatically reversing the color orientation whenever necessary, in order to maintain an even rhythm of color throughout the line, and a better balance of both colors everywhere.</p>
  950.  
  951. <p>The three-minute film above introduces Peristyle and the team behind it. Troy Leinster and I worked on the typeface together from its earliest stage, and H&amp;Co&rsquo;s Sara Soskolne provided valuable insights along the way. Our designers Andy Clymer, Colin M. Ford and Graham Weber helped bring the typeface home, and throughout the project, no one was more enthusiastic about Peristyle than our Creative Director, Brian Hennings. Brian found in Peristyle some unexpected affinities with a few truly far-flung species of typeface, and takes the time here to share the useful perspective of someone who <em>uses</em> fonts. We hope you&rsquo;ll find Peristyle as practical, as companionable, and simply as enchanting as we have, and we look forward to seeing how it serves you. &mdash;JH</p>]]>
  952.    </description>
  953.    <pubDate>Tue, 24 Oct 2017 04:36:00 +0000</pubDate>
  954.    <guid>https://www.typography.com/blog/introducing-peristyle#1220</guid>
  955. </item>
  956.                   <item>
  957.    <title><![CDATA[The Loveliest Living Fossil]]></title>
  958.    <link>https://www.typography.com/blog/the-loveliest-living-fossil</link>
  959.    <description>
  960.        <![CDATA[<p><span class="small-caps" style="font-size: 14px;">The ocean of ideas,</span> teeming with words and numbers, is underpinned by a vast tectonic plate that&rsquo;s powerfully transforming the language. It&rsquo;s the force that gives rise to new continents of meaning, while it inters the remains of countless extinct species. We know its name, but we rarely think about it, and we certainly never visit. It&rsquo;s just <em style="font-size: 14px;">there,</em> helping to clarify our words and numbers in an invisibly supportive way. But it&rsquo;s one of the culture&rsquo;s most unstoppable forces. It&rsquo;s called Punctuation.</p>
  961.  
  962. <p>At its leading edge, punctuation is volcanically active, giving shape to concepts that move far faster than words. Anyone communicating today has seen #topics and #themes and #categories identified this way, using a symbol that was intuitively understood and replicated even before it was first called a <em>hashtag</em> in <a href="https://www.merriam-webster.com/dictionary/hashtag" target="_blank">2007</a>. The symbol and its meaning are now universally recognized, transcending even the locality of language, but their use is scarcely a decade old &mdash; an astounding accomplishment for a bit of lexical fluff, when you consider that the newfangled <em>OMG</em> was first recorded in 1917 (and in a letter to <a href="http://www.smithsonianmag.com/smart-news/the-first-use-of-omg-was-in-a-1917-letter-to-winston-churchill-145636383/" target="_blank">Winston Churchill</a>, no less.) Similarly meteoric is the rise of <strong class="alternate">@</strong>, not only in its initial evolution from grubby commercial symbol to digital thingum, but in its latest metamorphosis, which has left it poised to become a bonafide <em>verb. </em>Formulations like &ldquo;write in or @ us on Twitter&rdquo;{footnote_1} may seem casual, or may be arch, but since they&rsquo;re easily understood by the initiated, they&rsquo;re grammatical fair game. Punctuation FTW!</p>
  963.  
  964. <p>As it advances, punctuation leaves behind a sepulchral physical record, an ocean floor littered with the remains of creatures that didn&rsquo;t make it. English-speakers who live with Imperial measurements can probably guess the meaning of &#8468; from <em>lb.,</em> but most have never encountered that symbol, and fewer still have run into a wild &#8485;, long since replaced by <em>oz.</em> (There may be pharmacists among us who know this one, but they are the same mysterous guild that traffics in &#8478;s and c&#772;s and other things that aren&rsquo;t on the keyboard.) The ellipsis (&hellip;) drove out the asterism (&#8258;) to signal breaks in text, and the decimalized per<em>cent</em> (%) eliminated the need for a per<em>mille</em> (&permil;) &mdash; not to mention something called the &ldquo;basis point,&rdquo; also known as the per-<em>ten-thousand,</em> which naturally, and horribly, looks like this: &#8241;. As a typeface designer, I am not sorry to see these go. Drawing a character is one thing, but adding a character to a family that requires twenty-four variations, including an Extra Bold Compressed Italic, is another story. Especially if there are nearby lining figures and old-style figures and tabular figures to consider. So <em>R.I.P.,</em> basis point. Or as a typographer would say, &ldquo;<a href="https://www.typography.com/blog/house-of-flying-reference-marks" target="_blank">&dagger;</a>.&rdquo;</p>
  965.  
  966. <p>Between the symbols we live with and the symbols of yore is a third category, characters that are no longer considered &lsquo;standard&rsquo; (by someone&rsquo;s arbitrary standard), but are nonetheless still meaningful, and immediately understood. If you&rsquo;ve ever addressed correspondence to someone in the care of someone else, you might have used &#8453;, a pretty hanger-on that I think has a place in the right kinds of typefaces, but one that should by no means be considered a typographic requirement. But the best and most active of these living fossils is a personal favorite: it&rsquo;s the Numero, known to us by the monogram <em>N&ordm;.</em></p>
  967.  
  968. <p><strong class="alternate">N&ordm;</strong> was <em>the number sign</em> before <strong class="alternate">#</strong> became <em>a</em> number sign, and it refreshingly serves this one and only purpose. Compare the #, which when preceding a number is read as &ldquo;number&rdquo; (&ldquo;#1 in my class&rdquo;), but when following a number means &ldquo;pound&rdquo; or &ldquo;pounds&rdquo;{footnote_2} (&ldquo;70# uncoated paper&rdquo;), leading to printshop pile-ups like &ldquo;#10 envelope, 24# bond.&rdquo; To programmers, a # can mean either &ldquo;ignore what follows&rdquo; (as in a Python comment) or &ldquo;use what follows&rdquo; (when referencing a page fragment, or a Unicode value in <span class="small-caps">html</span>.) To a proofreader, a # means &ldquo;insert space,&rdquo; so in the middle of a numbered list, the notation &ldquo;line #&rdquo; does not mean &ldquo;line number,&rdquo; but rather &ldquo;add a line space.&rdquo; Because of #&rsquo;s resemblance to the musical symbol for &ldquo;sharp&rdquo; (&#9839;), it&rsquo;s a frequent stand-in for the word &ldquo;sharp,&rdquo; and often the correct way of rendering a trademarked term such as <em>The C# Programming Language.</em> The # is rapidly assuming musical duties as well, especially in online databases, leading to catalog collisions like &ldquo;Prelude &amp; Fugue #13 in F#.&rdquo; How fortunate a designer would be to have a numero symbol, with which to write &ldquo;Prelude &amp; Fugue N&ordm; 13 in F#,&rdquo; or &ldquo;N&ordm; 10 Envelope, 24# bond.&rdquo;</p>
  969.  
  970. <p><em>The Chicago Manual of Style</em> unequivocally favors &lsquo;no&rsquo; over &lsquo;#&rsquo; when listing the issue number of a periodical: &ldquo;When the issue number is given, it follows the volume number, separated by a comma and preceded by <em>no.&rdquo;</em>{footnote_3} And this introduces an interesting complication for Russian language periodicals, or those published in any language that uses the Cyrillic alphabet, because Cyrillic does not contain the letter <strong class="alternate">N</strong>. It&rsquo;s for this reason that typefaces that include Cyrillic alphabets always include the numero symbol, which is why you&rsquo;ll find them in both <a href="https://www.typography.com/fonts/whitney/overview/">Whitney</a> and <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a>.</p>
  971.  
  972. <p>But the place you&rsquo;ll find the greatest concentration of numero symbols in our library is in the <a href="http://www.typography.com/fonts/numbers/overview/">Numbers</a> collection, where I insisted upon them simply because they&rsquo;re delightful. The typefaces in this collection interpret many different traditions in lettermaking, including <a href="https://www.typography.com/fonts/numbers/inside/indicia">rubber stamps</a>, <a href="https://www.typography.com/fonts/numbers/inside/revenue">cash register receipts</a>, <a href="https://www.typography.com/fonts/numbers/inside/depot">railway car numbering</a> and <a href="https://www.typography.com/fonts/numbers/inside/strasse">street signs</a>, and in each of these environments you&rsquo;ll find the numero. Many of these styles trace their origins to the nineteenth century, when numbers were more commonly introduced by N&ordm; than #; others in the collection never used this symbol, but their styles seemed ripe for decoration. We recently had this same impluse with the <a href="https://www.typography.com/fonts/inkwell/overview/">Inkwell</a> collection, which includes pen-drawn numeros in all forty-eight of its styles.</p>
  973.  
  974. <p>It&rsquo;s this desire to decorate that shapes expectations about what should be in a typeface. On your keyboard next to the <span class="small-caps" style="font-size: 14px;">return</span> key are the brackets [ ], and atop these are the braces { } that are sometimes &mdash; tellingly &mdash; called <em style="font-size: 14px;">curly brackets. </em>In theory, braces exist to present things on an equal footing: in music they connect staves that are played simultaneously, in genealogy they relate siblings, and in drama they group characters that move or speak as a unit (such as a nobleman&rsquo;s <em style="font-size: 14px;">Attendants</em> in Shakespeare.) But braces are graphic rather than typographic forms, seldom meant to be used at the same size as the type they enclose, making them a questionable member of the character set. Frankly, they endure because they&rsquo;re fetching, a spicy alternative to the humdrum geometry of square brackets, and these days they&rsquo;re almost always used decoratively. Designers love to use braces, and type designers love to draw them, and it&rsquo;s this unspoken bond that keeps them in the character set. Like the braces, the N&ordm; is a reminder that typography exists to serve readers, and that readers do not live by semantic punctuation alone. There&rsquo;s a place for variety and richness in typography, for colorful and engaging creatures that live at abyssal depths. Bring them up for a closer look: they&rsquo;re splendid to behold. &mdash;JH</p>]]>
  975.    </description>
  976.    <pubDate>Wed, 02 Aug 2017 11:23:00 +0000</pubDate>
  977.    <guid>https://www.typography.com/blog/the-loveliest-living-fossil#662</guid>
  978. </item>
  979.                   <item>
  980.    <title><![CDATA[Nicely Done: Tré Seals]]></title>
  981.    <link>https://www.typography.com/blog/nicely-done-tre-seals</link>
  982.    <description>
  983.        <![CDATA[<p>It&rsquo;s always thrilling to see designers combining type in interesting ways, an excitement that&rsquo;s amplified when a designer uses an exceptionally large set of fonts in a single project. But it&rsquo;s icing on the cake when that designer shows you ways of combining fonts you&rsquo;d never have expected. Designer <a href="https://www.sealsbrand.co">Tr&eacute; Seals</a> accomplishes all of these things in his new portfolio site, which uses a whopping <em>six</em> font families from our collection: <a href="https://www.typography.com/fonts/obsidian/overview/">Obsidian</a>, <a href="https://www.typography.com/fonts/surveyor/overview/">Surveyor</a>, <a href="https://www.typography.com/fonts/ideal-sans/overview/">Ideal Sans</a>, <a href="https://www.typography.com/fonts/ringside/overview/">Ringside</a>, <a href="https://www.typography.com/fonts/operator/overview/">Operator</a> and <a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten</a> are daringly diverse choices, which Seals uses to great effect, in clever and delightful ways. He takes a methodical, systems-based approach to select and deploy his type: most of the typefaces are only used in one context, others on just one page in the site. Finding them all is a bit of a typographic scavenger hunt, and a rewarding one for the design-minded.</p>
  984.  
  985. <p>For his project, Seals took inspiration from vintage postal labels, choosing the engraved Obsidian as his cornerstone when creating the type system for the site. Like Obsidian, the Surveyor, Tungsten and Ringside families have historic roots that connect with the traditions of stamps and labels, an assortment to which he added two novel ingredients: the quirky Operator, which serves as a bridge between the old and the new, and for a neutral voice, the clean, Humanist lines of Ideal Sans.</p>
  986.  
  987. <p>But Seals&rsquo;s work isn&rsquo;t only exciting because of the number of faces he uses or the themes they share. What makes it truly special is his creative eye in deploying the fonts in unexpected ways. When many people think of Tungsten, they immediately recall the robust bolder weights with their industrial presence, but Seals opts instead for a lighter weight that achieves an elegant and refined tone. Ringside is a similarly surprising choice: in less careful hands, its <em>Grotesque</em> construction might feel out of place next to Humanist designs like Operator and Ideal Sans, but Seals makes it work by using only uppercase letters, which naturally have simpler and clearer shapes. Overall, the site is a typographic delight that gives the audience a glimpse of Seals&rsquo;s design inspirations, his systems-based problem solving abilities, and his creativity. He uses each of these six typefaces thoughtfully and with restraint to create an experience that shows off his work in the best possible light. <em>&mdash; Bethany Heck</em></p>]]>
  988.    </description>
  989.    <pubDate>Mon, 31 Jul 2017 09:40:00 +0000</pubDate>
  990.    <guid>https://www.typography.com/blog/nicely-done-tre-seals#1219</guid>
  991. </item>
  992.                   <item>
  993.    <title><![CDATA[Uncharacteristic Characters]]></title>
  994.    <link>https://www.typography.com/blog/uncharacteristic-characters</link>
  995.    <description>
  996.        <![CDATA[<p><span class="small-caps">I recently had the privilege</span> of speaking at the third annual <a href="http://2017.typographics.com" target="_blank">Typographics</a> conference, an event organized by the <a href="http://coopertype.org/nyc" target="_blank">Type@Cooper</a> program at The Cooper Union, to share a new project with fellow designers. While visually this new typeface would be unlike anything we&rsquo;ve ever done before, in many ways it&rsquo;s the quintessential H&amp;Co project, taking on many of the themes that have characterized our work over the past twenty-eight years. It pokes at the perimeter of the &ldquo;type family&rdquo; as it&rsquo;s commonly understood (much like <a href="https://www.typography.com/fonts/hoefler-text/overview/">Hoefler Text</a>, <a href="https://www.typography.com/fonts/the-proteus-project/overview/">The Proteus Project</a>, <a href="https://www.typography.com/fonts/knockout/overview/">Knockout</a>, <a href="https://www.typography.com/fonts/numbers/overview/">Numbers</a>, and <a href="https://www.typography.com/fonts/nitro-turbo/overview/">Nitro</a>), it meditates on the relationship between formality and informality in typography, like <a href="https://www.typography.com/fonts/ideal-sans/overview/">Ideal Sans</a>, <a href="https://www.typography.com/fonts/historical-allsorts/overview/">The Historical Allsorts</a>, <a href="https://www.typography.com/fonts/archer/overview/">Archer</a>, and <a href="https://www.typography.com/fonts/operator/overview/">Operator</a>; it looks for clues in the observable world about how people interpret letterforms, like all of our typefaces, from <a href="https://www.typography.com/fonts/shades/overview/">Shades</a> to <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a>.</p>
  997.  
  998. <p>The conference has just posted the video of the talk, which I&rsquo;m pleased to share with those who were unable to attend. And attached below are my lecture notes, which may make up for my double-time performance: already someone who speaks too quickly, I&rsquo;d mistakenly planned a forty minute lecture for a twenty-five minute slot! &mdash;JH</p>
  999. <!--read_more-->
  1000.  
  1001. <h2>1</h2>
  1002.  
  1003. <p><span class="small-caps"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-intro-maps.jpg"></span></p>
  1004.  
  1005. <p><span class="small-caps">Sixteen years ago this September,</span> I got married at the Brooklyn Botanic Gardens. Like all designers, I designed my own wedding invitation. The invitation itself was set in type, and the outer envelopes were addressed by a calligrapher. But the thing I had the hardest time with was the map, which would show our out-of-town guests how to find the venue. Anything set in type seemed too institutional, as if I was creating the map for the Botanic Gardens itself, rather than my own wedding. But anything rendered in calligraphy seemed absurd: to me at least, calligraphy seems like the stuff of historical maps, not contemporary ones; the only contemporary maps I can think of that have a genuine claim on calligraphy are from the fantasy realm, and alas I was getting married in Prospect Park, not Mordor. So neither typography nor calligraphy had the right <em style="font-size: 14px;">tone.</em> I wanted the versatility of type &mdash; after all, I had to create an elaborate map with parking instructions, nearby subways, and so on &mdash; but I wanted it to have the warm, natural, genuine feeling of something that came from <em>people</em> &mdash; something that was recognizably not from an institution, but rather from the two of us.</p>
  1006.  
  1007. <p>Around that time, my friend Jesse Sheidlower called me to ask a piece of typographic advice. Jesse has one of the most fantastic jobs in the world, and if you think being a typeface designer is esoteric enough to rope you into long conversations on airplanes, Jesse has it far worse, because he does something even more exotic: he&rsquo;s a lexicographer, who writes dictionary entries for a living. At the time, Jesse was the Editor at Large of the Oxford English Dictionary, specializing in North American English, which meant that he supervised a staff who pored over TV scripts, hip-hop albums, and Usenet posts to come up with things like an accurate definition for <em>chillax,</em> or the definitive early citation for <em>BFD.</em></p>
  1008.  
  1009. <p>Jesse was writing a book called <em style="font-size: 14px;"><a href="https://www.amazon.com/exec/obidos/ASIN/0195393112/typographycom-20">The F-Word</a>,</em> which would be a dictionary dedicated to &mdash; well, the F-word &mdash; and its many colorful variations. He&rsquo;d called to ask my advice about a suitable typeface for the project, and a lot of this conversation was also about tone: he and his editors wanted the tone to be casually blithe &mdash; &ldquo;insouciant&rdquo; was the word he used &mdash; but also to be underpinned by a foundation of scholarship that readers would recognize by the typography. While the book was inherently entertaining, it was also going to be a dictionary, and needed to present as such. This conversation about tone echoed many of the open questions I had about my wedding invitations, and what sort of typography might be at once casual and serious. But it also raised the question of whether such a typeface could be up to the <em style="font-size: 14px;">functional requirements</em> of serious content: dictionaries after all are incredibly sophisticated typographic projects, that use a surprising number of different typographic dimensions to articulate different kinds of information.</p>
  1010.  
  1011. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-dictionary.png">
  1012.  
  1013. <blockquote class="pullquote">Sophisticated typography helps educate people about how things work.</blockquote>
  1014.  
  1015. <p>Thinking about Jesse&rsquo;s dictionary, and our wedding map, as likely applications for such a typeface, was intriguing. Like dictionaries, maps are sophisticated objects, and one of my favorite examples of how design can use typography as a vital part of the user interface. Maps use different styles of lettering to connote different kinds of information, helping users to intuit what each data point means. Spending time with a map like this [slide], it soon becomes clear that towns and bodies of water use different styles, and the distinctions run deeper still. One lovely mapmaking tradition that I always like is the way sites from antiquity are identified using blackletter, which blends right in with its background unless you&rsquo;re specifically looking for it.</p>
  1016.  
  1017. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/map-closeup.jpg">
  1018.  
  1019. <p>I often use printed maps as an example of how sophisticated typography can educate users about how something works, without the need to refer people elsewhere for instructions. Certainly every map has a legend that resolves any questions, but it&rsquo;s rarely necessary to consult it. At a certain point, simply by using a map, you just figure it out.</p>
  1020.  
  1021. <p>So, like all the most interesting projects, it seems, Jesse&rsquo;s dictionary didn&rsquo;t have the time to consider a custom solution. But the idea of creating a typeface that was both informal and highly functional stuck with me &mdash; I could see it being useful to have a typeface that was serious in the sense of <em>thorough,</em> but not serious in the sense of <em>earnest;</em> to have a typeface whose voice was unmistakably personal, rather than institutional.</p>
  1022.  
  1023. <h2>2</h2>
  1024.  
  1025. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-peanuts.png">
  1026.  
  1027. <p>When I started designing typefaces professionally, back in 1989, I spent a lot of time advocating for custom typography as a way to end the monoculture of early digital fonts. An analogy I used a lot was to compare the potential for typography to the abilities of scribes, who could adapt their lettering at will. I wasn&rsquo;t just thinking about formal calligraphy &mdash; Renaissance writing masters, for example, who could move effortlessly from one hand to another &mdash; but also contemporary artists who use letterforms in their work. One that I always loved growing up &mdash; and for all I know, this may be the very thing that got me into typeface design &mdash; is the work of Charles Schulz. Everyone recognizes the iconic lettering of <em>Peanuts,</em> but one of the things that I especially loved as a kid was what would happen when Snoopy sat down at the typewriter: the lettering would shift to something typewriter-inspired &mdash; which is funny, and unexpected, and a really effective way of immediately signaling that what you&rsquo;re reading is no longer dialog, but something being written.</p>
  1028.  
  1029. <p>I loved the way Schulz used different styles of lettering to gently, almost subliminally, connote different kinds of language. And on reflection, I realize that it&rsquo;s something that he had in common with another artist who I grew up with, the inimitable Edward Gorey. (For those of you who don&rsquo;t know Gorey&rsquo;s work, you&rsquo;re in for a treat. His stories are great: they&rsquo;re elegant and deeply subversive, marvelous dark fantasies set in a vaguely Victorian universe full of mustached gentlemen and ladies with parasols. They generally involve people being driven insane, or hapless infants coming to some grisly fate.)</p>
  1030.  
  1031. <p>Gorey was a master lettering artist, and I&rsquo;m not talking so much about his skill as a draftsman, but rather his perceptiveness about what letters can mean. The title pages for his stories always reveal a deep love for lettering, and he works these different styles of letter into the stories themselves, in ways that are always apropos, from the slab serif [in this slide] that signals &ldquo;old-time baseball uniforms&rdquo; to the blackletter that identifies a proverb.</p>
  1032.  
  1033. <blockquote class="pullquote">Illustrators and artists instinctively use the traditions of typography to confer legitimacy on the fantasy, to speak to readers in the same ways that graphic designers do.</blockquote>
  1034.  
  1035. <p>But I especially love the way he uses lettering not only for display, but for <em>text.</em> When we designers at a type conference talk about &ldquo;lettering,&rdquo; we&rsquo;re almost always talking about large, solitary things: logos, headlines, things that are grand, and have a great opportunity for pyrotechnics. And don&rsquo;t get me wrong, I love this kind of lettering, but I also love the rarer species of lettering that&rsquo;s used for text. Gorey&rsquo;s illustrations use all kinds of tropes and clich&eacute;s to good effect, and his lettering does too. He uses the traditions of typography to confer legitimacy on the fantasy, whether it&rsquo;s the bookish presentation of a caption that uses romans for text and italics for titles, or an epigram whose attribution is set in small caps, in just the way that a graphic designer might do. Gorey was obviously a keen student of typography on three different levels: what letters look like, what different kinds of letterforms connote, and how typography can be used to articulate content. Typeface designers think constantly about these three different perspectives, and how their unity can yield typefaces that are not only interesting, but also useful.</p>
  1036.  
  1037. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-proof-drawing.jpg">
  1038.  
  1039. <p>I find myself using lettering to shape content every day, and not just in my role as a designer. Rather, it&rsquo;s in the proofs that I exchange with the designers at Hoefler&amp;Co: my job is to oversee the design of typefaces at the company, and one of the ways that our team communicates is through marked up proofs.</p>
  1040.  
  1041. <p>There are times I find myself indulging in lettering that&rsquo;s more enthusiastic than it really needs to be, sometimes to relieve the tedium of working through a 240-page kerning proof. But I also do what many of us do instinctively, which is to reach for natural ways to highlight different kinds of information in distinct ways. There&rsquo;s not really an organized system at work here [in this slide], but clearly there&rsquo;s some attempt being made to ensure that key details don&rsquo;t go unnoticed.</p>
  1042.  
  1043. <blockquote class="pullquote">Style is incidental to what handwriting <em>is.</em> Principally, informal writing is simply the record of an author&rsquo;s words.</blockquote>
  1044.  
  1045. <p>This [slide] was a note to Sara Soskolne, one of our senior typeface designers, who has always had kind things to say about my scribblings. And perhaps as with Edward Gorey, it&rsquo;s less about the lettering itself (which is pretty ghastly) and more about my affection for using different typographic styles together. I suppose you could dissect a note like this to say that it&rsquo;s generally set in script, with occasional highlights set in sans serif small caps; a sort of wide, decorated inline; and even a pen-drawn bold. But I think it presents to the reader differently, as simply a single statement that uses noticeable styles the way a typographer might employ bold or italic. And to me, that&rsquo;s the most interesting thing about handwriting, as opposed to calligraphy: calligraphy formalizes its mannerisms, and the qualities of its tools, and refines them into a particular style. But handwriting is less conscious, and therefore has more freedom to move between different styles. Style is incidental to what handwriting is: handwriting is principally the record of an author&rsquo;s words, and only incidentally possessed of style in the typographic sense. I realized that this is what I wanted all those years ago, when designing that map, and also what I wish I&rsquo;d had to recommend to my friend&rsquo;s dictionary: something that had the <em>style-less-ness</em> of handwriting, but the versatility of a modern type family.</p>
  1046.  
  1047. <p>Or to put it another way, I wanted something that borrowed the best parts of type, calligraphy, and handwriting. I wanted the <em style="font-size: 14px;">versatility</em> of type, but none of typography&rsquo;s artificiality: type after all is synthetic, institutional, more anonymous than personal, which as a communication tool is generally its strength. But instead of artificiality, what I wanted was something from calligraphy: its <em>organic</em> quality. Calligraphy is genuinely hand-made, warm and natural &mdash; it&rsquo;s the product of the wrist, the elbow, and the shoulder &mdash; but it&rsquo;s too mannered for what I had in mind, since by design it coalesces into a formal style. An antidote to this formality is found in handwriting, which is as <em>informal</em> as letters can be &mdash; and I really love the way handwriting reveals authorship, instead of concealing it, but then handwriting can often be disorderly, if not downright sloppy. So my question was whether it might be possible to strain out the virtues of these three kinds of lettering, and eliminate their shortcomings, and that&rsquo;s what we&rsquo;ve been trying to do with a new project called <strong>Inkwell.</strong></p>
  1048.  
  1049. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-initial-drawings.jpg">
  1050.  
  1051. <h2>3</h2>
  1052.  
  1053. <p>Inkwell is an attempt to create a family of fonts that feels like hand-written text: how you might letter the entire contents of a book, if you had infinite time, patience, and skill. It began with a set of drawings that I created around 2004: initially sketches on paper, and later a set of digital fonts, to serve as a &ldquo;proof of concept&rdquo; for the idea, and see if it was worth undertaking what I imagined could be a much larger project. In addition to wanting the design to feel personal &mdash; <em>authorial</em> &mdash; I wanted the design to have the versatility of a hard-working type family. This meant obvious things like a sophisticated character set, but also a set of varied, expressive styles that would have recognizable relationships for writers and designers, whatever handwriting&rsquo;s equivalent of &ldquo;bold&rdquo; and &ldquo;italic&rdquo; might be.</p>
  1054.  
  1055. <p>Like handwriting, I wanted to make sure it wasn&rsquo;t related to any particular typeface, or even a particular style. The last thing I wanted this to be was &ldquo;hand-drawn Gotham,&rdquo; but I also hoped that it would escape classification altogether, so that it didn&rsquo;t feel like an Old Style, a Venetian, or a Slab, but simply felt like &ldquo;neatly printed letters.&rdquo; These are some of my drawings from 2005, to explore how the basic design might develop. As with handwriting, I found myself reaching for styles that aren&rsquo;t technically connected with what a proper typeface would do: here after all is a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-serif">seriffed text face</a>, whose small caps happen to be <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-sans">sans serif</a>. As a typeface designer, beginning this way means one of two things: either convincing everyone that it&rsquo;s OK for these two morphologically dissimilar styles to share the same typeface, or doubling the work to create both a serif and a sans.</p>
  1056.  
  1057. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-blackletter-open.jpg">
  1058.  
  1059. <p>I found myself wanting to do more with the typeface than just a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-serif">handwritten serif</a> or a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-sans">handwritten sans</a> &mdash; let alone both &mdash; and noodled out a couple of <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-blackletter">blackletter</a> characters to see how they might work. And I liked the idea, that this typeface could conceivably have both roman and gothic letterforms, that are related only because they&rsquo;re made by the same hand, and with the same tools. I hoped this might go in even more directions, maybe including the kind of <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-open">open capitals</a> that my father used to use on blueprints &mdash; he was a theatrical set designer, and was always lettering the headings on shop drawings in a style like this one. It&rsquo;s an engineer&rsquo;s letter that you&rsquo;ll find on blueprints and patent diagrams, and while he used to draw his freehand, I think they were probably an approximation of what a lettering template could produce.</p>
  1060.  
  1061. <p>If the typeface was going to have not just sans serif letters, but a more stylized degree of sans in the form of these open capitals, then perhaps the serif ought to have a fancy cousin as well, perhaps a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-tuscan">Tuscan</a>, one of my guilty typographic pleasures. I always really liked the capital <strong class="alternate">H</strong> [in this slide]; the <strong class="alternate">A</strong> was more of a placeholder for an idea that I wanted to come back to later. The thought that all these styles might work together reminded me of the way engravers &mdash; or Edward Gorey, for that matter &mdash; could create these riotous collages of letterforms that always felt unified, because they were all the product of the same tools.</p>
  1062.  
  1063. <blockquote class="pullquote">Inkwell advances the idea that the same tools can help unify divergent styles of letterform.</blockquote>
  1064.  
  1065. <p>And I think there&rsquo;s a real value in being able to work with disparate styles in the same piece of design, without it feeling cacophonous. Here&rsquo;s an example [in this slide] I snapped years ago: I&rsquo;m certainly seduced by what this piece of typography is going for, but it&rsquo;s somewhat undermined by the divergent traditions of its fonts. The Spencerian script at the top is pretty solid, and below that is an engravers&rsquo; letter from turn-of-the-century business cards; fair enough. But the third typeface is inspired by classical roman inscriptions, and the fourth one is an especially Victorian interpretation of an Anglo-German fraktur. It seems to me that this lettering might have been more attractive in the mockup, when everything was drawn with the same marker, and by the same wrist. And that&rsquo;s what I hoped Inkwell might do: it might unify these different styles by rendering them with a common formal vocabulary.</p>
  1066.  
  1067. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-bickham.png">
  1068.  
  1069. <p>I put this project away in 2006, to focus on other things. Matthew Carter once commented that he&rsquo;s never regretted stepping away from a typeface, and I agree: time confers a valuable critical perspective on our work, and can exert an evolutionary force on typefaces, too, to thin out the herd.</p>
  1070.  
  1071. <blockquote class="pullquote">Two of the best ways to improve a typeface are to set it aside, and to share it with another typeface designer.</blockquote>
  1072.  
  1073. <p>But besides time, the other thing that makes every typeface better is sharing it with another designer, and that opportunity presented itself last year, in the person of Jordan Bell. Jordan&rsquo;s a typeface designer who joined us three years ago, and among other things, I think it&rsquo;s safe to say that he&rsquo;s a compulsive, and chronic graphomaniac. Here [in this slide] are some of his more exuberant notes from the Inkwell proofs. Some of them are of notes to me, others are notes to himself, others are perhaps notes for posterity.</p>
  1074.  
  1075. <p>When Jordan started, we put him through the traditional hazing of drawing a difficult project. Jordan worked with Andy Clymer and me to create three <a href="https://www.typography.com/fonts/archer/styles/archer3pro">heavier weights of Archer</a>, of which one of the most excruciating parts was extending the fonts&rsquo; tabular figures into this new territory. Tabular figures of course need to have the same widths throughout a range of weights, which fights against the natural tendency of letters to get wider as they get bolder. But Jordan came through with flying colors, making these terrific additions to Archer.</p>
  1076.  
  1077. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-bible-4up.png">
  1078.  
  1079. <p>Something that&rsquo;s great about working with another designer is that it forces you to articulate your own position, which in turn can reveal inconsistencies in your own thinking, or tendencies that you hadn&rsquo;t thought to examine. When Jordan and I began working together on Inkwell, one of our first conversations was about how serifs should connect, which meant dissecting my drawings to see how they worked, then abstracting from these a set of rules, and then seeing if any characters didn&rsquo;t fit the mold. This was the beginning of the &ldquo;Inkwell Bible,&rdquo; a long and growing collection of guidelines about what Inkwell should do. (Of course, it never looked this good until I put these slides together &mdash; most of what we recorded were one-off Illustrator files, or notes in e-mail, or Slack, or Trello.)</p>
  1080.  
  1081. <p>One of the ways we tried to keep things from becoming monotonous was to try and apply these strategies differently throughout the character set, so that things like caps and small caps don&rsquo;t follow the same underlying design. In many ways, Inkwell became about doing the things that you typically don&rsquo;t do in a typeface, since our goal was to introduce not consistency but variation, up to the point where it becomes noticeable.</p>
  1082.  
  1083. <p>Another thing I love about collaborating with other designers is that they inject unexpected and valuable ideas into every project. Part of this is the natural tendency to grow tired of your own work and see the work of others with fresh eyes, and part of it is that every designer has different talents, instincts, and interests. I&rsquo;d had this idea that even though the design was a serif, it might have <em>sans serif</em> small caps, because this is how I write. Of course, this in turn would have meant having a secondary set of sans serif caps, to accompany these small caps, which in turn would have meant two set of caps in the font, one with serifs for the lowercase, the other without, for the small caps. This started to feel complicated, and felt likely to either confuse people or actually thwart their expectations &mdash; in any case we weren&rsquo;t sure it would be possible to engineer things so that they&rsquo;d behave as people expected, so in the end we did the thing that would be better for designers, if more labor-intensive for us, which was to do two typefaces, both a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-serif">serif</a> and a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-sans">sans</a>.</p>
  1084.  
  1085. <p>Of course, since there was going to be a serif italic, we&rsquo;d presumably need to do a sans serif italic as well, and this wasn&rsquo;t part of the family that I&rsquo;d explored. And this was another place that it was great to collaborate with another designer, because while a sans serif italic isn&rsquo;t a style that I naturally write with, it&rsquo;s very much one of Jordan&rsquo;s favorites. So here&rsquo;s the sans serif italic that Jordan designed, which is has a real flavor of signwriting that I love. This one quickly became one of my favorite parts of the family.</p>
  1086.  
  1087. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-blackletter-sketches.jpg">
  1088.  
  1089. <p>I was really happy that Jordan was enthusiastic about the <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-blackletter">blackletter</a> that I&rsquo;d been tinkering with, especially after the ridiculous amount of time I&rsquo;d spent trying to figure out what &ldquo;informal blackletter caps&rdquo; might look like, most of it scrawled on the back of restaurant checks and junk mail. We spent last summer trying to find the right way of dressing down the gothic style, so that it still felt ceremonial, but not twee. I really wanted it to feel more special than the roman, but not necessarily more buttoned-up &mdash; and that really emerged as a key part of the Inkwell family, that all the styles should feel as close to the center as a traditional family&rsquo;s bold or italic.</p>
  1090.  
  1091. <blockquote class="pullquote">Dressing down the gothic style, so it&rsquo;s <em>ceremonial,</em> not <em>twee.</em></blockquote>
  1092.  
  1093. <p>The line quality was a big part of this, as were the constructions we chose for the caps, which borrow pretty freely from Regency Blackletter, Kanzlei, and Engravers&rsquo; styles. For instance, since the traditional gothic <strong class="alternate">N</strong> and <strong class="alternate">E</strong> are a little too archaic, even indecipherable these days, we dropped them in favor of a more contemporary construction, the kind that we all know from newspaper flags.</p>
  1094.  
  1095. <p>Part of the fun of a typeface like this is figuring out what the back end of the character set might look like, and we had a lot of fun here. The figures alone are always a challenge, since they have neither a historical nor a cursive foundation. Jordan drew these, and I really love them. And either because I traumatized him with Archer, or just to flex a little bit because he could, he designed these on tabular widths. I say with both fondness and admiration that Jordan&rsquo;s a sick bastard.</p>
  1096.  
  1097. <p>In the middle of all this, we started to talk about the idea of <em style="font-size: 14px;">weight.</em> I&rsquo;d originally imagined Inkwell as a collection of alphabets that could all be the product of the same pen, and therefore all with a consistent stroke width. But a companion boldface is obviously a valuable thing for a designer to have. And even if the design were to stick to a single weight, it seems to me that choosing that weight is important &mdash; I wouldn&rsquo;t be surprised if Inkwell brought out the kinds of red-hot feelings that designers have about writing instruments. So we decided to expand the family, from a single weight into a range of weights, bounded by a technical pen <em style="font-size: 14px;">Thin</em> and a graffiti marker <em style="font-size: 14px;">Black.</em></p>
  1098.  
  1099. <p>As useful as these weights are in the more sober styles &mdash; and they really do introduce some nice flavor in their more cursive moments, especially &mdash; for me it&rsquo;s the blackletter where things really start to cook. I mean, I&rsquo;m a blackletter fan in general, but this typeface is really just having a good time.</p>
  1100.  
  1101. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-tuscan-sketches.jpg">
  1102.  
  1103. <p>The style we hadn&rsquo;t really spent much time with was the <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-tuscan">Tuscan</a>. My drawings were still pretty embryonic, and though I&rsquo;d been sketching these incessantly for more than a decade, there were key characters that were starting to feel impossible to resolve &mdash; like the capital <strong class="alternate">O</strong>. (No Tuscan typeface has a nice <strong class="alternate">O</strong>.) Now that we&rsquo;d added a weight axis to the project, it seemed likely that a style this intricate simply wouldn&rsquo;t survive getting so much extra weight, so we shelved it. I found myself doodling all kinds of things in an Inkwell style &mdash; here&rsquo;s a little monogram [see slide] that, for a time, I thought we might include in the fonts &mdash; and at some point, we both realized that this sort of construction might be a more fertile direction for the Tuscan. It delivered on the underlying premise that Tuscan alphabets have bifurcated serifs, and it seemed as if this sort of design might work in a range of weights. It also invited, at last, a solution to that impossible letter <strong class="alternate">O</strong>. I did some sketches to propose the basic morphology for the character set, and drew a couple of control characters in Robofont, and Jordan took things from there, creating a really beautiful and expressive family of fonts. This one interpolates really interestingly: it goes full-on circus poster in the Black weight, but as it gets lighter, it takes on a sort of rustic, woodsy feeling, which I&rsquo;ve been finding really useful.</p>
  1104.  
  1105. <p>By last summer it felt like the more Inkwell we drew, the more Inkwell we wanted to draw &mdash; a bracing change from the usual pattern, in which you get sick of a typeface three quarters of the way through. Here [in this slide] is the <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-open">Open</a> that I&rsquo;d wanted to do, which we redesigned as two extreme weights that would interpolate. Jordan brought some of that signwriters&rsquo; fluidity to these letters that I really like.</p>
  1106.  
  1107. <blockquote class="pullquote">Inkwell&rsquo;s broader mission is to expand the very idea of the type family.</blockquote>
  1108.  
  1109. <p>Early in the project, I&rsquo;d wondered what the italic should look like: whether it should be a fully cursive script, as handwriting probably should be, or whether it should be a carefully lettered typographic italic in the Edward Gorey tradition. We could make arguments for both, so we decided to do both, wrapping up the project with a <a href="https://www.typography.com/fonts/inkwell/inside/inkwell-script">script</a>. People have been asking us for a script for ages, and I&rsquo;m really happy that our first one isn&rsquo;t just a typeface, but has the broader mission of being part of an experiment in growing the type family.</p>
  1110.  
  1111. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics.jpg">
  1112.  
  1113. <p>The notion of the type family, to me, is really what type design is about. Some of the most significant moments in type history have been not about typefaces, but about the expansion of the type family as we understand it. Aldus&rsquo;s italic isn&rsquo;t just significant for being a new kind of typeface, it&rsquo;s important because of what it made possible: the marriage of romans and italics that have endured for five centuries. Italics aren&rsquo;t just part of typography, they&rsquo;re part of language &mdash; especially English, in which it&rsquo;s common to write sentences that can&rsquo;t be properly understood without them. Here&rsquo;s a good one [in this slide], in which the presence of italic clarifies the meaning, and the placement of the italics gives rise to nearly as many meanings as there are words in the sentence. Even <em>The Chicago Manual of Style,</em> which urges authors to avoid italics, admits that they are often crucial to comprehension, and irreplaceable parts of the language.</p>
  1114.  
  1115. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/boldface.jpg">
  1116.  
  1117. <p>So this is the significance of Aldus, I think, not just making a font, but helping the language and the culture grow. And nineteenth century slab serifs had a similar legacy: these are typefaces that grew out of the tradition of novelty typography for display sizes, and like the Aldine italic, they were imagined as standalone typefaces. But once they were produced in text sizes, they found a role in dictionaries, being used to highlight headwords, a role they still play today. So here again the definition of the type family expanded, to include an entirely new typographic dimension &mdash; boldface &mdash; with which authors could articulate content, and which upon which designers have relied ever since.</p>
  1118.  
  1119. <p>The typographic family tree is forever growing. In <em><a href="https://www.amazon.com/exec/obidos/ASIN/0881791326/typographycom-20">The Elements of Typographic Style</a>,</em> Robert Bringhurst diagrammed its relationships this way [shown in this slide], which reveals the perspective of a book designer about how styles relate. My hope is that Inkwell helps to push this definition further, in order to better serve both designers and readers.</p>
  1120.  
  1121. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-types-of-content.png">
  1122.  
  1123. <p>I&rsquo;m especially curious to see how designers will use Inkwell&rsquo;s unusual family tree to render different kinds of information &mdash; especially new kinds of information. Wikipedia&rsquo;s a great example of how text can be subtly shaded &mdash; but right now, typography isn&rsquo;t one of the tools it uses to assist readers. It uses bolds and italics for all the usual purposes, but doesn&rsquo;t use type to distinguish between &ldquo;articles,&rdquo; &ldquo;past versions of articles,&rdquo; and &ldquo;commentary.&rdquo; But what if it used a typeface that had built-in voices that could help readers distinguish these three kinds of content, styles with strong associations &mdash; even for non-designers &mdash; that are understood to mean &ldquo;<a href="https://www.typography.com/fonts/inkwell/inside/inkwell-serif">writing</a>,&rdquo; &ldquo;<a href="https://www.typography.com/fonts/inkwell/inside/inkwell-blackletter">old things</a>,&rdquo; and &ldquo;<a href="https://www.typography.com/fonts/inkwell/inside/inkwell-script">notes</a>?&rdquo;</p>
  1124.  
  1125. <p>And for that matter, why not use typography to separate the site&rsquo;s content and its architecture, or find a typographic way, instead of a color, to identify a link? In discussing Inkwell with Barbara Glauber last week, I raised Wikipedia as an example of a place where typography wasn&rsquo;t being used to really provide depth to these new kinds of content, and she wondered, tongue-in-cheek, what Wikipedia might look like in Inkwell. I couldn&rsquo;t help but oblige, just to see if the fonts are up to the task. And I do like the idea that I can finally see the difference between articles, commentary on articles, and history.</p>
  1126.  
  1127. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-wikipedia-2.png">
  1128.  
  1129. <p>I want a special mode for people who aren&rsquo;t intimidated by typography, that looks like this. (But that&rsquo;s probably just for us.) In the meantime, I&rsquo;ll settle for seeing the fonts wherever designers can use them, hopefully one day in dictionaries, and perhaps, someday, someone&rsquo;s wedding map. Thank you very much! &mdash;JH</p>
  1130.  
  1131. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-thanks.png">
  1132.  
  1133. <p>Jonathan Hoefler<br />
  1134. 16 June 2017<br />
  1135. The Cooper Union, New York</p>]]>
  1136.    </description>
  1137.    <pubDate>Tue, 11 Jul 2017 10:13:00 +0000</pubDate>
  1138.    <guid>https://www.typography.com/blog/uncharacteristic-characters#1218</guid>
  1139. </item>
  1140.                   <item>
  1141.    <title><![CDATA[Meet Inkwell]]></title>
  1142.    <link>https://www.typography.com/blog/meet-inkwell</link>
  1143.    <description>
  1144.        <![CDATA[<p><span class="small-caps">Sixteen years ago this week,</span> I was designing my wedding invitations. The invitations were set in my typefaces, and printed by a friend who runs a letterpress shop in Berkeley, and the enclosing envelopes were hand-addressed by a calligrapher. Each kind of letterform served a different purpose: the type was dignified, and the calligraphy was personal. But I never really figured out what to do with the map.</p>
  1145.  
  1146. <p>Out-of-town guests would need a sophisticated map of the venue, explaining how to get there by road, rail, and air, where they might park, and some sort of assurance that it really was safe to take the subway. Set in type, this looked too institutional: it didn&rsquo;t feel like it came from the bride and groom, but rather from someone&rsquo;s marketing communications department. But rendered in calligraphy, it looked ridiculous. I felt like I was directing my friends and relatives to a wedding in <em>Middle Earth.</em></p>
  1147.  
  1148. <p>My dream was to letter this myself. Not in fussy, mannered calligraphy, but in simple block printing, something that was an extension of my own handwriting. I&rsquo;d have done this, had I the time, skill, and patience. Instead, I filed away an idea for later, that somewhere there might be a useful intersection of type, calligraphy, and handwriting, that might one day become a typeface. Something with the <em>versatility</em> of type, not only because it could be summoned from the keyboard, but because it would have methodical drawings and spacing, a proper character set, and the kinds of relationships that designers depend on &mdash; italics, small caps, and so on. But it would also have the <em>expressive</em> dimension of handwriting, with writing&rsquo;s ability to fluidly change styles to suit the message. (When something is important, I find myself dropping my longhand script in favor of letterspaced capitals, but still punctuating these with the occasional cursive <em>&ldquo;of&rdquo;</em> or <em>&ldquo;for.&rdquo;</em>) I imagined that a sufficiently large family of types could do the same thing, so I set to work on a prototype as a proof-of-concept for the idea. After simmering for more than a decade, we picked up the project last year, with H&amp;Co typeface designer Jordan Bell leading the charge, and our Andy Clymer graciously lending an indispensable assist. Today we&rsquo;re very pleased to introduce the result: <strong>Inkwell&reg;</strong>, a collection of typefaces for expressive writing.</p>
  1149.  
  1150. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-02.svg">
  1151.  
  1152. <p>Not quite a typeface, or even a family of typefaces, Inkwell is more like a family of families, featuring a Serif, a Sans, a Script, a Blackletter, a Tuscan, and a set of Open capitals. While it&rsquo;s designed for serious content &mdash; it can effortlessly dispatch detailed maps, complex reference books, or anything displayed in a digital app &mdash; Inkwell wears its attitude lightly. It&rsquo;s &ldquo;serious&rdquo; in the sense of <em>thorough,</em> rather than <em>earnest,</em> speaking in a decidedly personal, authorial voice.</p>
  1153.  
  1154. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-03.svg">
  1155.  
  1156. <p>Inkwell explores six different genres of type with which readers already have strong associations. It begins with <a href="http://www.typography.com/fonts/inkwell/inside/inkwell-serif">Inkwell Serif</a>, a book face for text, designed to avoid any obvious typographic style and simply look like &ldquo;plainly lettered text.&rdquo; It&rsquo;s provided in romans and italics, with small caps in both postures, with a few unexpectedly sophisticated touches like tabular figures, fractions, and symbols. These styles feature both swash caps and swash small caps, making it possible to dial up the typography&rsquo;s whimsy in subtle increments.</p>
  1157.  
  1158. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-04.svg">
  1159.  
  1160. <p><a href="http://www.typography.com/fonts/inkwell/inside/inkwell-sans">Inkwell Sans</a> is the companion sans serif, provided in the same twelve parallel styles, again with small caps and numerics throughout. Its capitals are reminiscent of inscriptional lettering, taking nicely to letterspacing, and its lowercase is again designed to be unmannered in style. Where the sans roman was based on my handwriting (or rather, an idealized version of what I might be able to print with great care), the sans italic is the product of Jordan&rsquo;s hand, and brings a touch of signpainting to the Inkwell family, especially in its heaviest weights.</p>
  1161.  
  1162. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-05.svg">
  1163.  
  1164. <p>Designers have been asking us for a script since we first opened for business in 1989, and we&rsquo;re very pleased to answer with <a href="http://www.typography.com/fonts/inkwell/inside/inkwell-script">Inkwell Script</a>. Like the rest of the family, Inkwell Script strives to be <em>informal,</em> avoiding the fussiness of the studied calligrapher, and speaking instead with the confidence and joy of an enthusiastic writer. We&rsquo;ve included small caps in all of its weights, so that acronyms and abbreviations can be set more easily, something you might appreciate if your name ends with &ldquo;<span class="small-caps">iii.&rdquo;</span></p>
  1165.  
  1166. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-06.svg">
  1167.  
  1168. <p>I&rsquo;ve always had a deep fondness for gothic forms, and couldn&rsquo;t resist making <a href="http://www.typography.com/fonts/inkwell/inside/inkwell-blackletter">Inkwell Blackletter</a> a part of the family. It&rsquo;s tempting to write off the blackletter as an archaic style, but it&rsquo;s very much alive today, and remains the easiest way to signal <em>gravity</em> in anything you do. It&rsquo;s ceremonial for weddings and graduations, and adds a dash of tradition to the rustic and highbrow alike. Law journals and heavy metal bands both rely on blackletter typefaces for their gravitas, in admittedly different directions. Inkwell Blackletter is happy to serve both masters.</p>
  1169.  
  1170. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-07.svg">
  1171.  
  1172. <p>Because written letters can often take a turn for the fancy, we&rsquo;ve designed <a href="http://www.typography.com/fonts/inkwell/inside/inkwell-tuscan">Inkwell Tuscan</a> as the decorative member of the family. Tuscan faces are nineteenth century inventions that feature fishtailed serifs, an idea that we&rsquo;ve implemented in an unusual way to ensure that even serif-free letters like <strong class="alternate">O</strong> can be fully embellished. As it progresses from light to dark, Inkwell Tuscan takes on very different flavors, from sweet and bucolic to boisterously burlesque.</p>
  1173.  
  1174. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-08.svg">
  1175.  
  1176. <p>The final style is <a href="http://www.typography.com/fonts/inkwell/inside/inkwell-open">Inkwell Open</a>, a set of capitals inspired by the sorts of letters used by engineers. My father was a theatrical set designer, and I remember his titling his shop drawings in a style like this. I&rsquo;ve since seen letters like these on blueprints, patent applications, and technical drawings, and even reduced to geometry on a lettering stencil. Open capitals are a useful way to identify something as a heading, or to indicate that something is otherwise elevated above the text.</p>
  1177.  
  1178. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/inkwell-release_responsive-09.svg">
  1179.  
  1180. <p>The entire Inkwell family is designed to be used interchangeably, which opens up some interesting opportunities for designers. At the scale of the paragraph, it means that designers who are accustomed to shifting roman type to italic or bold will have new options, and can move from serif to sans, or script, or swash small caps, or blackletter, to achieve different distances from the center. At the scale of the <em>word,</em> it means that letterforms from different styles can be juxtaposed in unexpected ways &mdash; sometimes invisibly, other times with great flourish &mdash; making Inkwell a powerful tool for creating logotypes. Included in the <a href="https://www.typography.com/fonts/inkwell/overview/">Inkwell gallery</a> you&rsquo;ll find artwork that mixes blackletter capitals with the roman lowercase (and vice versa), script capitals with sans serif roman small caps, blackletter caps with tuscan caps, roman swash caps with the blackletter lowercase, and more. Each of Inkwell&rsquo;s styles is provided in the same six weights, from Thin to Ultra, yielding a total of 48 font styles, which today we&rsquo;re introducing at a special price, for those designers looking add something new to their stables. On behalf of everyone at H&amp;Co, I hope you&rsquo;ll find a place for Inkwell in your collection, and I look forward to seeing how it serves you! &mdash;JH</p>]]>
  1181.    </description>
  1182.    <pubDate>Thu, 22 Jun 2017 10:10:00 +0000</pubDate>
  1183.    <guid>https://www.typography.com/blog/meet-inkwell#1217</guid>
  1184. </item>
  1185.                   <item>
  1186.    <title><![CDATA[Typographic Doubletakes]]></title>
  1187.    <link>https://www.typography.com/blog/typographic-doubletakes</link>
  1188.    <description>
  1189.        <![CDATA[<h3 class="subhead-sentinel">1. Avoid the Obvious</h3>
  1190.  
  1191. <p>When reaching for a different weight, turning to a sympathetic but distinctively different typeface can add drama to a design. <a href="https://typography.com/fonts/sentinel/overview/">Sentinel</a> and <a href="http://typography.com/fonts/archer/overview/">Archer</a> are two slab serifs with very different origins &mdash; one a nineteenth century &lsquo;Antique,&rsquo; the other a twenty-first century invention full of circular &lsquo;ball terminals&rsquo; &mdash; but using them together adds visual interest to an otherwise muted composition. Among sans serifs, <a href="http://typography.com/fonts/verlag/overview/">Verlag</a> and <a href="http://typography.com/fonts/gotham/overview/">Gotham</a> are two plainspoken typefaces whose unique flavors are sharpened by the contrasting of their details, Verlag&rsquo;s pointy apexes (in its <strong class="alternate">A</strong>, <strong class="alternate">N</strong>, and <strong class="alternate">W</strong>) offering a sparkling counterpoint to the upright candor of Gotham.</p>
  1192.  
  1193. <p><strong class="alternate">TIP: </strong>Changes in both weight and scale help to accentuate the differences between these pairs, and draw out the unique character of each design. Used together, Sentinel seems especially prudent and Archer especially happy; Verlag seems doubly elegant and Gotham twice as direct.</p>
  1194.  
  1195. <p><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typographic-doubletakes_responsive-02.svg">
  1196.  
  1197. <h3 class="subhead-sentinel">2. Create Practical Pairings</h3>
  1198.  
  1199. <p>No task is more familiar to a designer than selecting two typefaces that can work hand in hand, each chosen to present a similar but distinctive kind of content. Text-heavy applications, whether printed or digital, often need two contrasting faces to highlight different kinds of information. A practical text face with a large x-height, such as <a href="https://typography.com/fonts/mercury-text/overview/">Mercury Text</a>, can be usefully matched by a sans serif with similar proportions, such as <a href="https://typography.com/fonts/ideal-sans/overview/">Ideal Sans</a>. (Try a <a href="https://typography.com/collections/screensmart/">ScreenSmart</a> font, even if you&rsquo;re working in print: their generous fit and open gestures make ScreenSmart fonts especially readable at text sizes &mdash; and at sizes smaller still.) And don&rsquo;t be bound to the convention of pitting serif against sans: if your body face is a sans serif workhorse like <a href="https://typography.com/fonts/whitney/overview/">Whitney</a>, try a more colorful sans serif alternative for contrast, such as <a href="https://typography.com/fonts/operator/overview/">Operator</a>. Operator&rsquo;s taut curves and punchy gestures offer a nice counterpoint to the sobriety of Whitney, and the fixed-width <a href="http://typography.com/fonts/operator/styles/operatormono">Operator Mono</a> can introduce a strikingly different rhythm that usefully contrasts with the text.<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typographic-doubletakes_responsive-06.svg">
  1200.  
  1201. <p><strong class="alternate">TIP:</strong> A fixed-width typeface like <a href="https://typography.com/fonts/operator/styles/operatormono">Operator Mono</a> helps to quickly identify something as a computer program. But when the manuscript calls for highlighting a code fragment in the middle of a paragraph of text, switch to the font&rsquo;s <em>natural-width</em> cousin, <a href="https://typography.com/fonts/operator/styles/operator1basic">Operator</a>. Since Operator shares the same underlying design as Operator Mono, these bold keywords are instantly recognizable as pieces of code. But their more traditional rhythm of wide and narrow letters makes for a more comfortable read.</p>
  1202.  
  1203. <p><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typographic-doubletakes_responsive-03.svg">
  1204.  
  1205. <h3 class="subhead-sentinel">3. Strike Subtle Contrasts</h3>
  1206.  
  1207. <p>Sometimes the most engaging combinations are the ones that aren&rsquo;t immediately apparent. Even though <a href="http://typography.com/fonts/gotham/overview/">Gotham</a> and <a href="http://typography.com/fonts/vitesse/overview/">Vitesse</a> are manifestly different typefaces &mdash; one a sans based on the circle, the other a slab rooted in rounded rectangles &mdash; both fonts are equally dramatic in their use of geometry, and can be rendered in very similar weights. But typefaces don&rsquo;t need to share a common weight to be good comrades, especially if they&rsquo;re used at different sizes. Compared with the smaller <a href="https://typography.com/fonts/sentinel/overview/">Sentinel</a>, the stems in <a href="https://typography.com/fonts/quarto/overview/">Quarto</a> are nearly twice as heavy, and its hairlines one-fifth as wide, differences that disappear when the reader sees each at its own set of sizes.</p>
  1208.  
  1209. <p><strong class="alternate">TIP:</strong> Rendering two contrasting typefaces with a similar <em>fit</em> can help close the distance between them. In both the examples above, careful thought has been given to the tracking of each typeface, with the intention of synchronizing the rhythm of letters and the spaces between them, even as the fonts themselves change.</p>
  1210.  
  1211. <p><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typographic-doubletakes_responsive-04.svg">
  1212.  
  1213. <h3 class="subhead-sentinel">4. Assemble Elegant Duets</h3>
  1214.  
  1215. <p>Whether a sans serif with finely-drawn strokes or a serif face with delicate hairlines, light typefaces have long been a mainstay of fashion and luxury typography. Many species of hairline fonts pair handsomely together, especially when additional motifs reinforce their elegance. Here, the &ldquo;low-waistedness&rdquo; of <a href="https://typography.com/fonts/landmark/overview/">Landmark</a>, clearest in its <strong class="alternate">A</strong>, <strong class="alternate">R</strong>, and <strong class="alternate">K</strong>, gives the design a deco-era elegance, a smart counterpoint to the crisp and evenly balanced <a href="https://typography.com/fonts/chronicle-display/styles/chroniclehairline">Chronicle Hairline</a>. Another strategy is to match faces with both common weights and a common approach to construction, like the starkly geometric <a href="http://typography.com/fonts/vitesse/overview/">Vitesse</a> and <a href="http://typography.com/fonts/gotham/overview/">Gotham</a> &mdash; which careful readers may have noticed, reversed, in the section above.</p>
  1216.  
  1217. <p><strong class="alternate">TIP:</strong> When working with <a href="https://typography.com/collections/hairline/">hairline fonts</a>, decide early what <em>size</em> each font is suited for: some can perform at large text sizes, others are best used only for the largest display typography. When evaluating a serif face such as Chronicle, look not only at the weight of its hairline strokes like the crossbar of its <strong class="alternate">H</strong> or the thinner arm of its <strong class="alternate">Y</strong>, but also the weight of its <em>serifs.</em> Serifs are often considerably thinner than hairlines, and it&rsquo;s these delicate gestures that will define how small the font can go.</p>
  1218.  
  1219. <p><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typographic-doubletakes_responsive-05.svg">
  1220.  
  1221. <h3 class="subhead-sentinel">5. Introduce Strange Bedfellows</h3>
  1222.  
  1223. <p>Some of the most dazzling typographic pairings &mdash; and certainly my favorites &mdash; are those that use unexpected fonts together. At left, the grey flannel suit that is <a href="https://typography.com/fonts/tungsten/overview/">Tungsten Compressed</a> is paired with crimson silk doublet of the <a href="https://typography.com/fonts/historical-allsorts/overview/">St. Augustin Civilit&eacute;</a>, a fiery sixteenth century typeface that demands a good foil. The contrast between Tungsten&rsquo;s restraint and the swashbuckling Civilit&eacute; makes for a marvelous palette, and the contrasting proportions of these faces emphasizes the solemn verticality of one and the racy horizontality of the other. At right, the unconventional <a href="https://typography.com/fonts/acropolis/overview/">Acropolis Italic</a>, made only of straight lines, meets the energetic <a href="https://typography.com/fonts/surveyor/overview/">Surveyor Display Italic</a>, a typeface without a single straight line. Lending the fonts extra cohesion is their insistent angle of incline: both lean forward considerably more than a typical italic.</p>
  1224.  
  1225. <p><strong class="alternate">TIP:</strong> Keeping eccentric typefaces at arm&rsquo;s length helps accentuate their uniqueness, something that&rsquo;s easiest to do by segregating each font by size. In these examples, each typeface is assigned a specific range of sizes that&rsquo;s free of other fonts, a clear and inviolate &lsquo;altitude&rsquo; that further distinguishes its role in the design. &mdash;JH</p>]]>
  1226.    </description>
  1227.    <pubDate>Tue, 28 Mar 2017 08:00:00 +0000</pubDate>
  1228.    <guid>https://www.typography.com/blog/typographic-doubletakes#1216</guid>
  1229. </item>
  1230.                   <item>
  1231.    <title><![CDATA[Matchbox First!]]></title>
  1232.    <link>https://www.typography.com/blog/matchbox-first</link>
  1233.    <description>
  1234.        <![CDATA[<p><span class="small-caps">&ldquo;Mobile First&rdquo;</span> is an indispensable approach for designing digital experiences. The idea is to first consider the restrictions and expectations of the handheld browser, and thereby identify and distill our very best ideas. For designers working on broader identity systems, I propose a parallel rallying cry: <span class="small-caps" style="font-size: 14px;">matchbox first.</span></p>
  1235.  
  1236. <p>A matchbox might be a charming memento of an evening well spent; a matchbook an ersatz way to share a phone number or jot down an idea. But materially, these tiny pieces of cardboard are usually the most reduced manifestations of an organizations&rsquo;s visual identity. Only the best parts of a resturant&rsquo;s front window, its menu, or even its business card will make it to the matchbox, so it&rsquo;s here that both design and designers must be at their best. When it comes to working with limited resources (both space and budget), it&rsquo;s often typography that comes to the rescue, and sometimes typography is the only ingredient. One de-prioritizes the <em>mission statement</em> and <em>thought leadership/heritage backstory</em> right off the box, and discovers the freedom to also leave them off the website, the billboard advertising, and the rest of the business. If the matchbox doesn&rsquo;t need them, nobody does.</p>
  1237.  
  1238. <p>Today at <a href="http://discover.typography.com/theme/its-a-match/">Discover.typography,</a> thirty-nine small-scale identities reduced to their very essence. We love the way these tiny tableaux rely on the smallest type to do the heaviest lifting, and the joy of seeing how the right fonts can communicate all the essentials at a single glance. &mdash;JH</p>]]>
  1239.    </description>
  1240.    <pubDate>Wed, 01 Mar 2017 03:06:00 +0000</pubDate>
  1241.    <guid>https://www.typography.com/blog/matchbox-first#1215</guid>
  1242. </item>
  1243.                   <item>
  1244.    <title><![CDATA[Thanks, Obamas.]]></title>
  1245.    <link>https://www.typography.com/blog/the-obama-typefaces</link>
  1246.    <description>
  1247.        <![CDATA[<p><span class="small-caps">Today,</span> as the saying goes, is the first day of the rest of your life.</p>
  1248.  
  1249. <p>For the exiting President and First Lady, who for eight years have represented this nation with dignity, and led it with courage, today begins the next chapter in their lives as public servants, as stewards of the new Office of Barack and Michelle Obama.</p>
  1250.  
  1251. <p>We at Hoefler&amp;Co have had the extraordinary privilege of seeing our typefaces accompany the Obamas on every step of their journey. A typographic chronology appears below, beginning with the moment in 2007 that Congressman Barack Obama announced his campaign for the presidency, with the call for <span class="small-caps">change</span> that resonated so powerfully with the American people. The campaign&rsquo;s decision to use Gotham Bold would forever cement the font&rsquo;s association not only with the President, but with the presidency itself, and make Gotham the aspirational choice of everyone who is driven to seek higher office through a desire to serve.</p>
  1252.  
  1253. <p>It is therefore especially meaningful to me that our typefaces will continue with the Obamas. <a href="https://barackobama.com" target="_blank">The Office of Barack and Michelle Obama</a>, its website designed by Blue State Digital and premiering this morning, will be the first organization to use a new H&amp;Co typeface named <a href="https://www.typography.com/fonts/ringside/overview">Ringside</a>, which will launch later this week. Ringside is our most ambitious typeface to date, our largest and most inclusive family ever, reflecting the handiwork of the entire type design team at Hoefler&amp;Co. I could not be more proud to see it debut here. &mdash;JH</p>]]>
  1254.    </description>
  1255.    <pubDate>Fri, 20 Jan 2017 19:27:00 +0000</pubDate>
  1256.    <guid>https://www.typography.com/blog/the-obama-typefaces#2113</guid>
  1257. </item>
  1258.                   <item>
  1259.    <title><![CDATA[Introducing Chronicle Hairline]]></title>
  1260.    <link>https://www.typography.com/blog/introducing-chronicle-hairline</link>
  1261.    <description>
  1262.        <![CDATA[<p><span class="small-caps" style="font-size: 14px;">Fashion changes,</span> yet fashion typography endures. Ever since Alexey Brodovitch adorned the pages of <em style="font-size: 14px;">Harper&rsquo;s Bazaar</em> with high-contrast &lsquo;Modern&rsquo; typefaces more than eighty years ago, typefaces with billowy curves and fine hairlines have remained a signature of the fashion industry. More recently, as typography has begun to play a more central role in visual storytelling, these typefaces&rsquo; exquisite details and proud features have invited larger-than-life applications, allowing them to create the same kinds of enticing visual fantasies as enthralling fashion layouts and well-dressed windows.</p>
  1263.  
  1264. <p>Because readers can identify the style at a glance, high-contrast faces are widely used for fashion titles from the newsstand to the web. But Modern typefaces in the elegant and formal <a href="http://www.typography.com/fonts/didot/overview/">Didot</a> style aren&rsquo;t the only option for creating stylish, transporting typography. To offer designers a new voice to work with, we&rsquo;ve taken our Chronicle Display family, a smart and newsy design in the &lsquo;Scotch&rsquo; style, and extended it into this new collection of bright and graceful typefaces for creating grand, expressive, and picturesque typography. Meet <strong>Chronicle Hairline&reg;.</strong></p>
  1265.  
  1266. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/chronicle-hairline-release_responsive-01.svg">
  1267.  
  1268. <p>In contrast to the steely detachment of a Modern, Chronicle Hairline is direct and welcoming: a tweed to the Modern&rsquo;s silk, a Savile Row to its Place Vend&ocirc;me. Its subtly shaded curves and neatly bracketed serifs give Chronicle Hairline the kind of warmth normally associated with <a href="http://www.typography.com/fonts/quarto/overview/">Old Style</a> typefaces. But the clear geometry of its beaks and terminals, its unfussy numbers, and its alert and practical italics, mark Chronicle Hairline as an indisputably contemporary design.</p>
  1269.  
  1270. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/chronicle-hairline-release_responsive-02.svg">
  1271.  
  1272. <p>Perhaps most usefully for anyone who works with big type &mdash; whether on book covers, posters, banners, architectural lettering, or identity programs &mdash; Chronicle Hairline is designed in three different <em>widths: </em>an approachable Hairline, a cosmopolitan Hairline Condensed, and a dignified Hairline Compressed, each in both roman and italic. Together with the <a href="http://www.typography.com/fonts/chronicle-display/styles/chronicledisplay">Chronicle Display</a> headline faces, the <a href="http://www.typography.com/fonts/chronicle-display/styles/chronicledeck">Chronicle Deck</a> series for subheads, and the <a href="http://www.typography.com/fonts/chronicle-text/styles/chronicletextcomplete">Chronicle Text</a> collection for text, the new <a href="http://www.typography.com/fonts/chronicle-display/styles/chroniclehairline">Chronicle Hairline</a> adds an extra helping of sophistication to one of our most versatile and hardest-working type families.</p>]]>
  1273.    </description>
  1274.    <pubDate>Tue, 04 Oct 2016 10:49:00 +0000</pubDate>
  1275.    <guid>https://www.typography.com/blog/introducing-chronicle-hairline#606</guid>
  1276. </item>
  1277.                   <item>
  1278.    <title><![CDATA[Type and Wine]]></title>
  1279.    <link>https://www.typography.com/blog/type-and-wine</link>
  1280.    <description>
  1281.        <![CDATA[<p><span class="small-caps" style="font-size: 14px;">When exploring how new fonts work together,</span> we always find ourselves talking about dinner. The world of cuisine offers so many natural parallels for typography, and a robust vocabulary that we&rsquo;re quick to borrow: <em>What does this font taste like? Is it a garnish, or the entr&eacute;e itself? Is it adding heat, or sweetness, or spice? What might it go with?</em> Food and dining offer indispensable reference points, which by analogy can make it easier to communicate what we see in a piece of design. One designer to another, we&rsquo;ve described fonts as &ldquo;somewhere between the small batch <a href="http://discover.typography.com/theme/barrel-proof/" target="_blank">bourbon</a> made in Brooklyn, and the one your granddad drank,&rdquo; or &ldquo;the <a href="http://discover.typography.com/theme/whats-cooking/">menu</a> for an oyster bar,&nbsp;but reimagined without a New England accent.&rdquo;</p>
  1282.  
  1283. <blockquote class="pullquote">If the type is right, you&rsquo;ll know what you&rsquo;re getting into.</blockquote>
  1284.  
  1285. <p>Add <em>wine</em> to the mix, and whole new dimensions open up. There&rsquo;s the balance of old and new, and the stance that every winemaker takes toward tradition. A label communicates at once whether a wine is trading on its heritage, or interpreting it in a new way; perhaps it&rsquo;s standing apart from convention, or thumbing its nose at history. Wine labels succeed when they play with the instantly recognizable tropes and clich&eacute;s of typography, from the engraved foofaraw of an old Bordeaux, to the haute modernism of a New World white. As with all packaging, if the type is right, you&rsquo;ll know what you&rsquo;re getting into.</p>
  1286.  
  1287. <p>For <a href="http://discover.typography.com/theme/cheers/">Discover.typography</a>, we challenged ourselves to see just what kinds of flavors we could coax out of unexpected pairings. Could a pair of brutalist sans serifs be paired with a pattern of renaissance arabesques, to evoke the kind of bottle that your favorite Italian restaurateur brings out at the end of a gathering? Could we project a flavor using just one font, or crashing six families together? Could we take typefaces that we&rsquo;ve never seen used on wine bottles, and use them to evoke recognizable flavors? You&rsquo;ll find twenty-two different studies for <a href="http://discover.typography.com/theme/cheers/">typographic wine labels</a> today at Discover.typography. Cheers! &mdash;JH</p>]]>
  1288.    </description>
  1289.    <pubDate>Wed, 10 Aug 2016 17:59:00 +0000</pubDate>
  1290.    <guid>https://www.typography.com/blog/type-and-wine#601</guid>
  1291. </item>
  1292.                   <item>
  1293.    <title><![CDATA[Office Fonts from H&Co]]></title>
  1294.    <link>https://www.typography.com/blog/office-fonts</link>
  1295.    <description>
  1296.        <![CDATA[<p><span class="small-caps">You know this company: </span>their identity is consistent across their website, their marketing, and their facilities. Yet the material prepared by their sales associate is set in Arial, your sign-up contract is in Times Roman, and your monthly statements use some typeface picked by the lettershop &mdash; the same motley palette used by competitors a hundredth their size. It&rsquo;s tragic, because typography is the least expensive and most effective way of reinforcing a brand, and it&rsquo;s the easiest thing to get right. All it takes is making sure that the fonts that business users need are ones that support the brand. Enter <strong>Office&nbsp;Fonts&trade;</strong> by Hoefler&amp;Co, designed to harmonize all of a brand&rsquo;s communications.</p>
  1297.  
  1298. <h2>The right fonts for business users.</h2>
  1299.  
  1300. <p>Most typefaces are made for design professionals and the sophisticated software they use. But overwhelmingly, brand communications don&rsquo;t come from designers: they&rsquo;re the product of word processors, spreadsheets, and presentation packages, software that has a limited facility with type, made for users who shouldn&rsquo;t have to contend with complex design decisions. To meet their needs, we&rsquo;ve created Office Fonts: adaptations of our most popular and hardest-working typefaces, specifically retooled for business software. With Office Fonts, business users can reliably use the templates you create in programs like Word, Excel, PowerPoint, Pages, Numbers, and Keynote, to ensure that everyone who speaks for the brand uses the same consistent voice.</p>
  1301.  
  1302. <p>Office Fonts by H&amp;Co are designed with the features that business people need, and business software expects:</p>
  1303.  
  1304. <h3 class="subhead-sentinel xl">Intuitive Families</h3>
  1305.  
  1306. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/office-fonts-release_responsive-05.svg">
  1307.  
  1308. <p>Designers love H&amp;Co fonts for their robust and expressive families. But non-designers should never be faced with <em>Book</em> or <em>Medium</em> when they just want regular type &mdash; and plenty of programs can&rsquo;t cope with esoteric names, or families that contain anything more than four styles. Office Fonts are arranged into the standard four-style schedule of <span class="small-caps">regular, italic, bold,</span> and <span class="small-caps">bold italic</span> that&rsquo;s familiar to users, and reliable in all business software. Bold and italic styles are mapped to the familiar keyboard shortcuts <strong class="alternate">B</strong> and <strong class="alternate">I</strong>, to stop unsavvy applications from faking their own bolds and italics by smearing or slanting roman letters.</p>
  1309.  
  1310. <h3 class="subhead-sentinel xl">Enhanced Clarity</h3>
  1311.  
  1312. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/office-fonts-release_responsive-06.svg">
  1313.  
  1314. <p>Office Fonts are optimized for small sizes, and engineered for superior rendering on screen in even the most unforgiving environments. Each has an amplified lowercase, a more generous fit, and clearer gestures, which combine to promote legibility at text sizes. The intervals between their regular and bold styles are adjusted to provide optimum contrast at text sizes, to ensure that emphasized lines are never overlooked. Most of all, Office Fonts are designed and engineered with ScreenSmart&trade; technology to render crisply and clearly on Windows, handily surpassing shopworn favorites like Arial and Times.</p>
  1315.  
  1316. <h3 class="subhead-sentinel xl">Numbers for Business</h3>
  1317.  
  1318. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/office-fonts-release_responsive-07.svg">
  1319.  
  1320. <p>Only a designer should have to decide between <em>old-style figures, lining figures,</em> and <em>tabular figures.</em> Office Fonts have one and only one set of numbers, built on a fixed width to ensure that columns of numbers <em>always</em> align correctly. Because they&rsquo;re designed on the same width across all members of a family, switching to bold or italic styles will never disrupt the grid &mdash; a feature that extends to the monetary symbols, commercial marks, and punctuation that accompany numerical data.</p>
  1321.  
  1322. <h3 class="subhead-sentinel xl">Compatibility</h3>
  1323.  
  1324. <p>Office Fonts are produced in TrueType format, to support even the simplest (and oldest) business applications. The same font files can be installed on both Mac and Windows operating systems, making asset management and deployment easy. And each of H&amp;Co&rsquo;s Office Fonts supports the complete range of languages available in our multipurpose fonts, covering more than 500 languages worldwide.</p>
  1325.  
  1326. <p>We&rsquo;ve created Office Fonts to match all of our most popular typefaces for branding, including sans serifs like <a href="https://www.typography.com/fonts/gotham/styles/gothamoffice">Gotham</a>, <a href="https://www.typography.com/fonts/whitney/styles/whitneyoffice">Whitney</a>, <a href="https://www.typography.com/fonts/ringside/styles/ringsidenarrowoffice">Ringside</a>, and <a href="https://www.typography.com/fonts/ideal-sans/styles/idealsansoffice">Ideal Sans</a>, and serifs like <a href="https://www.typography.com/fonts/archer/styles/archeroffice">Archer</a>, <a href="https://www.typography.com/fonts/sentinel/styles/sentineloffice">Sentinel</a>, <a href="https://www.typography.com/fonts/chronicle-text/styles/chronicleoffice">Chronicle</a>, and <a href="https://www.typography.com/fonts/mercury-text/styles/mercuryoffice">Mercury</a>. Below are just some examples of what Office Fonts can do for you.</p>]]>
  1327.    </description>
  1328.    <pubDate>Wed, 13 Jul 2016 09:00:00 +0000</pubDate>
  1329.    <guid>https://www.typography.com/blog/office-fonts#2171</guid>
  1330. </item>
  1331.                   <item>
  1332.    <title><![CDATA[Introducing Whitney Narrow]]></title>
  1333.    <link>https://www.typography.com/blog/introducing-whitney-narrow</link>
  1334.    <description>
  1335.        <![CDATA[<p><span class="small-caps">The Whitney typeface</span> has always been an adroit multitasker. Having grown out of a commission from New York&rsquo;s Whitney Museum, the typeface was designed to serve two masters: the museum&rsquo;s publications department, which needed a design both compact and energetic, and the facility&rsquo;s public signage, which above all required legibility and sturdiness. A later addition designed for headlines, the six-style <a href="http://www.typography.com/fonts/whitney-condensed/overview/">Whitney Condensed</a> family, made Whitney an even more valuable tool for both publishers and brands.</p>
  1336.  
  1337. <p>But one challenge that Whitney has never confronted is the narrow column. As editorial designers know, narrow columns are the bugbear of typography: they&rsquo;re hostile to wide typefaces, perverting text with overzealous hyphenation, and often demanding that headlines be craftily written. Designers, developers, publishers, and brands now face the challenge of narrow columns every day in the form of the mobile phone: with the ascendancy of apps and the mobile web, fonts are routinely set on a two-inch measure. For these applications &mdash; as well as the narrow columns that permeate magazine sidebars and captions, paper packaging, data visualizations, and product literature &mdash; we&rsquo;ve created the compact and economical <strong><a href="http://www.typography.com/fonts/whitney-narrow/overview/">Whitney Narrow&reg;</a></strong><a href="http://www.typography.com/fonts/whitney-narrow/overview/">.</a></p>
  1338.  
  1339. <p>Whitney Narrow was designed to thrive at sizes both large and small. At small sizes, it excels not only in text and informational typography such as charts and graphs, but for rendering the growing universe of fine print that&rsquo;s often required but infrequently read: the ingredient lists, nutritional information, regulatory notices, disclaimers, and copyright legends that attract compact typefaces. In print, Whitney Narrow renders this fine print with clarity and warmth. For the screen, we&rsquo;ve created the companion <a href="http://www.typography.com/fonts/whitney-narrow/styles/screensmart/">Whitney Narrow ScreenSmart</a> family, a collection of twelve screen-optimized typefaces that&rsquo;s designed and engineered to perform at sizes as small as nine pixels.</p>
  1340.  
  1341. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/whitney-narrow-release_responsive-02.svg">
  1342.  
  1343. <p>At headline sizes, Whitney Narrow makes a hale companion to the regular-width Whitney. It preserves Whitney&rsquo;s angular motif (originally inspired by the iconic geometry of Marcel Breuer&rsquo;s Madison Avenue museum), and features an option to disable these details when they&rsquo;re not wanted. Above, Whitney Narrow Bold in two different moods: jaunty with its angled stroke endings, and sober without them. These gestures appear in 231 different characters, but can be quieted with a single setting in any application that supports OpenType <a href="http://www.typography.com/fonts/whitney-narrow/features/whitney-narrow-stylistic-sets">Stylistic Sets,</a> such as Adobe InDesign, and the <a href="http://www.typography.com/blog/webfonts-with-stylistic-sets">Cloud.typography web font dashboard.</a></p>]]>
  1344.    </description>
  1345.    <pubDate>Tue, 21 Jun 2016 10:00:00 +0000</pubDate>
  1346.    <guid>https://www.typography.com/blog/introducing-whitney-narrow#596</guid>
  1347. </item>
  1348.                   <item>
  1349.    <title><![CDATA[How to Use Clashing Fonts]]></title>
  1350.    <link>https://www.typography.com/blog/fonts-that-clash</link>
  1351.    <description>
  1352.        <![CDATA[<p><span class="small-caps">As powerful as typography can be</span> in setting a reader&rsquo;s expectations, it&rsquo;s often the dialogue <em>between</em> typefaces that most effectively communicates how information is meant to be understood. Dictionaries use bold <a href="http://www.typography.com/fonts/sentinel/overview/">Antiques</a> and delicate <a href="http://www.typography.com/fonts/chronicle-text/styles/chronicletextpro/grade-four">Ionics</a> to distinguish their headwords and definitions; wayfinding systems use different fonts to identify routes and destinations. Find the most monotonous piece of design you can, and it&rsquo;s still likely that its logo, headlines, and text are wearing different typographic dress.</p>
  1353.  
  1354. <p>It&rsquo;s therefore customary for designers to reach for palpably different typefaces when assembling a palette. If not, why use more than one font in the first place? It&rsquo;s hard to imagine the design that truly needs both Univers <em>and</em> Helvetica, and designers who mix both fonts indiscriminately do so at their own peril. Think of a trustworthy website, whose login page is one day mysteriously rendered in Times Roman. Even the most visually indifferent readers feel these disruptions.</p>
  1355.  
  1356. <p>But just as the most stylish person you know can pull off wearing four different kinds of check, or live in a room painted six different shades of orange, there are techniques for successfully bringing together typography&rsquo;s first cousins, its doppelgangers, and its long-lost twins. Here are three types of font pairings that are traditionally scorned, but when used with purpose, can be supremely successful. We&rsquo;ll be retiring that old chestnut &ldquo;don&rsquo;t use fonts that are too similar&rdquo; in favor of a more constructive philosophy: &ldquo;make each font&rsquo;s purpose clear, and use every one consistently.&rdquo;</p>
  1357.  
  1358. <hr style="display:block; height: 14px; border: 0; border-top: 14px solid #308cc4; margin: 72px 0px 0px 0px; padding: 0;" />
  1359. <h3 class="subhead-sentinel">1. Two Fonts in the Same Category</h3>
  1360.  
  1361. <p>Designers contemplating two different fonts of the same general style often limit their choices to designs that have distinct personalities and pronounced characteristics. No one would consider &ldquo;two serifs&rdquo; likely to clash if one were tall and lithe, and the other a stocky text face. But few would consider pairing two different Old Style faces, let alone two Dutch Old Styles with the same large x-height and dark strokes, and many similar details. <a href="http://www.typography.com/fonts/quarto/overview/">Quarto</a> and <a href="http://www.typography.com/fonts/mercury-display/overview/">Mercury</a> are two such typefaces, and while their differences are clear enough to the typographer, we should assume that the vagaries of serifs and ball terminals are lost on the average reader.</p>
  1362.  
  1363. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/quarto_and_mercury_responsive.svg">
  1364.  
  1365. <p>Curiously, it&rsquo;s this very ambiguity that suggests a union of the two typefaces, in which each is free to assume the role for which it&rsquo;s best qualified. Quarto is a display face, with the snug fit, delicate hairlines, and discreet serifs that recommend it specifically to headline sizes. The Mercury family contains two kinds of faces for smaller sizes, each with the generous fit, thicker hairlines, and clearer gestures necessary for reproduction at text sizes: <a href="http://www.typography.com/fonts/mercury-text/overview/">Mercury Text</a> was designed for print, and <a href="http://www.typography.com/fonts/mercury-text/webfonts/mercuryssm-book/">Mercury ScreenSmart</a> was designed and engineered for the screen.</p>
  1366.  
  1367. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/not_to_scale2.png">
  1368.  
  1369. <p>On their website, filmmakers <a href="http://nottoscale.tv/" target="_blank">Not To Scale</a> pair Quarto and Mercury ScreenSmart beautifully, by assigning each font a specific and exclusive range of sizes. Quarto is restricted to headlines, with Mercury ScreenSmart supplying everything else. The relationship between these two designs is further articulated by the designers&rsquo; use of Quarto&rsquo;s heaviest weight and Mercury&rsquo;s lightest, and by routinely pairing one font&rsquo;s roman with the other&rsquo;s italic &mdash; something the designers archly do in both directions.</p>
  1370.  
  1371. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/quarto_and_mercury_roles_responsive.svg"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/quarto_and_mercury_more_responsive.svg">
  1372.  
  1373. <p><strong class="alternate">WHY IT WORKS:</strong> Related typefaces can be successfully used together if each inhabits its own altitude, one at text sizes and the other at display. For this to work, each typeface must have the visual characteristics appropriate for its size range, with the hairlines, proportions, and fit that are tuned for either text or headlines. For large sizes, look for serif fonts with <em><a href="http://www.typography.com/fonts/surveyor/styles/surveyorfinepro">Fine</a>, <a href="http://www.typography.com/fonts/chronicle-display/features/chronicle-optical-sizes">Display</a>,</em> or <em><a href="http://www.typography.com/fonts/hoefler-titling/overview/">Titling</a></em> in their names, as well as sans- and slab serifs with extreme weights such as <em><a href="http://www.typography.com/collections/hairline/">Hairline</a></em> or <em><a href="http://www.typography.com/collections/ultra/">Ultra</a>.</em> For small sizes, look for print fonts named <em><a href="http://www.typography.com/collections/text/">Text</a>,</em> and web fonts that are specifically built for small pixel sizes, such as the <em><a href="http://www.typography.com/collections/screensmart/">ScreenSmart</a></em> collection.</p>
  1374.  
  1375. <p><strong class="alternate" style="font-size: 14px;">TIP: </strong>Explore the contents of the text and headline faces you choose, reviewing both their styles and their character sets. <a href="http://www.typography.com/collections/display/">Display faces</a> often have a broader range of weights to choose from, offering subtle shadings that come alive at large sizes. Text faces often contain features such as small caps, <a href="http://www.typography.com/collections/charts-tables/">tabular figures</a>, fractions, or <a href="http://www.typography.com/collections/symbols-technical/">symbols</a>, which can help both articulate and decorate text at small sizes.</p>
  1376.  
  1377. <hr style="display:block; height: 14px; border: 0; border-top: 14px solid #fd5050; margin: 72px 0px 0px 0px; padding: 0;" />
  1378. <h3 class="subhead-sentinel">2. Fonts with Similar Drafting Styles</h3>
  1379.  
  1380. <p>Typefaces that have similar mannerisms, if they&rsquo;re intended for the same range of sizes, can make truly ponderous companions. Sometimes such fonts are the work of the same type designer, who exhibits a strong personal style; other times the resemblence is coincidental. The following two typefaces are each the product of a radically different brief: <a href="http://www.typography.com/fonts/ideal-sans/overview/">Ideal Sans</a> is a sans serif that renders a Humanist framework with handmade gestures, and <a href="http://www.typography.com/fonts/operator/overview/">Operator</a> is meditation on the technical aesthetic of the typewriter. Yet both faces meet at some unforeseen crossroads, sharing the same motifs of angled stroke endings and asymmetrical curves, similarities that would seem to disqualify them from ever being used together.</p>
  1381.  
  1382. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ideal_sans_and_operator_responsive.svg">
  1383.  
  1384. <p>For the publication of his longform essay <em>The First Roman Fonts,</em> author and publisher John Boardley chose this very pairing for his website, <a href="http://ilovetypography.com/2016/04/18/the-first-roman-fonts/">I Love Typography</a>. Both faces, in their ScreenSmart versions, are used at small sizes, Ideal Sans for text, and Operator for the supporting footnotes and commentary. That both fonts were designed and engineered for small sizes might make either one a good choice to satisfy both functions, but Boardley&rsquo;s selection of different fonts for different textual roles helps formalize the site&rsquo;s distinction between text and annotation.</p>
  1385.  
  1386. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ilt_early_romans2.png">
  1387.  
  1388. <p>On the site, each typeface serves a function that&rsquo;s sympathetic with its origins. Ideal Sans, with its large vocabulary of <a href="http://www.typography.com/fonts/ideal-sans/features/ideal-sans-texture">organic shapes</a>, produces the kind of complex texture traditionally associated with seriffed text faces. Operator, with its roots in <a href="http://www.typography.com/blog/introducing-operator">typewriting</a>, can effect an authorial, academic voice, the perfect choice for the commentary that surrounds the text itself.</p>
  1389.  
  1390. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ideal_sans_and_operator_roles_responsive.svg"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ideal_and_operator_more_responsive.svg">
  1391.  
  1392. <p><strong class="alternate">WHY IT WORKS: </strong>Instead of dividing the typography by type size, these typefaces have been assigned different <em>semantic</em> functions. The choice of typeface is prompted by the structure of the content itself, with each selection informed by both the fonts&rsquo; abilities and their intentions. Spending time with the fonts&rsquo; <a href="http://www.typography.com/fonts/operator/characters/operatorbookitalic">character sets</a> revealed that their superficial resemblence goes no deeper than a handful of letters in a few core styles, and uncovered some useful textures in the auxiliary styles, such as these very different forms of italic.</p>
  1393.  
  1394. <p><strong class="alternate">TIP:</strong> Remember that even fonts that share the same visual cues can have wildly different proportions, which affect the leading, column width, and tracking they require. Compared with Ideal Sans, Operator has narrower letters, a larger x-height, and dramatically shorter ascenders, descenders, and caps, which together invite much tighter settings. Varying these parameters can help play up the differences or similarities between the two typefaces.</p>
  1395.  
  1396. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ideal_sans_and_operator_leading_1920px.png">
  1397.  
  1398. <hr style="display:block; height: 14px; border: 0; border-top: 14px solid #f4cc25; margin: 72px 0px 0px 0px; padding: 0;" />
  1399. <h3 class="subhead-sentinel">3. Two Revivals of the Same Source</h3>
  1400.  
  1401. <p>To many designers, historical revivals are the core of the typographic canon. Those who depend on these classics are tasked with the duty of presiding over many different revivals of the same original, and choosing a single correct version for every project. (To see something beautifully set in Adobe Garamond, with a late addition hastily added in <span class="small-caps" style="font-size: 14px;">itc</span> Garamond, produces a special kind of dissonance. Typography is that art in which the tiniest errors are always the most conspicuous.)</p>
  1402.  
  1403. <p>Many consider the idea that revivals aim to be definitive &mdash; that history is heading toward one ultimate Garamond revival &mdash; to be outmoded. Instead, contemporary designers often approach historical material in a more interpretive way, finding qualities in historical artifacts that resonate with ideas and requirements of their own. Some of the most interesting contemporary typefaces are those that are grounded in historical forms, but are less &ldquo;recreations&rdquo; of old typefaces than &ldquo;occasioned by&rdquo; them. This invites the possibility that a type designer might revisit the same historical source many times during his or her career, and produce many different interpretations that have both differences and similarities. Sometimes these designs will conflict with one another, other times they&rsquo;ll be compatible. Most often, they&rsquo;ll do both.</p>
  1404.  
  1405. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/champion_and_knockout_responsive.svg">
  1406.  
  1407. <p>An example from our library is the pairing of <a href="http://www.typography.com/fonts/champion-gothic/overview/">Champion Gothic</a> with <a href="http://www.typography.com/fonts/knockout/overview/">Knockout</a>, two divergent type families created years apart, and both inspired by the same historical source. Champion Gothic was my first typeface, designed in 1990, and intended to be a modern interpretation of nineteenth century American wood types. Designed for <em>Sports Illustrated,</em> its sentimentality is checked by the needs of an energetic editorial art department, and its design shaped by a magazine format that required five closely-related condensed faces plus one heavy outlier.</p>
  1408.  
  1409. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/champion_vs_knockout_responsive.svg">
  1410.  
  1411. <p>A few years later, I revisited these typefaces with different goals in mind, thinking about how this material might be rationalized into a larger grid of both widths and weights, to ultimately produce the 32-member Knockout family. Above are nine of Knockout&rsquo;s styles, alongside all six of Champion&rsquo;s, showing the common ancestor that both fonts share.</p>
  1412.  
  1413. <p>Just as a designer might pick the most appropriate Garamond revival for a project, most designers can evaluate Champion and Knockout&rsquo;s merits and decide which fits the project at hand. But some designers use styles from both families together, and sometimes to great effect: the example below is a favorite, pairing two styles of Knockout with Champion Gothic Heavyweight.</p>
  1414.  
  1415. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/champion_and_knockout2_responsive.svg">
  1416.  
  1417. <p><strong class="alternate">WHY IT WORKS:</strong> When working with two different families built on the same historical ground, look for points of overlap and differentiation beween them. If both families have the same range of styles, and include the same kinds of features and character sets, stick with the one that feels best for the project. But if there are outliers in one family that aren&rsquo;t represented in the other, try using them together. This design works because its central style, Champion Gothic Heavyweight, is the farthest afield from the styles in Knockout, not only in weight and width, but in character. Similarly, the two weights of Knockout used here are ones that have no analogue in Champion, whose weights never go this wide, this narrow, or this light.</p>
  1418.  
  1419. <p><strong class="alternate">TIP: </strong>Look first to the extreme ends of a family to see what makes it unique. Many historical revivals take on the challenge of adapting traditional models to new purposes, often including the weights, widths, or optical sizes for which the original source wasn&rsquo;t intended. Also spend some time with both fonts&rsquo; character sets, looking for any points of departure. Subtle adjustments like the <a href="http://www.typography.com/fonts/knockout/characters/knockoutno-34juniorsumo">alternate </a><strong class="alternate"><a href="http://www.typography.com/fonts/knockout/characters/knockoutno-34juniorsumo">R</a> </strong>in the top line here serve to heighten the differences between this font and its neighbors, further ensuring that these closely related designs never clash. &mdash;JH</p>]]>
  1420.    </description>
  1421.    <pubDate>Tue, 10 May 2016 06:00:00 +0000</pubDate>
  1422.    <guid>https://www.typography.com/blog/fonts-that-clash#595</guid>
  1423. </item>
  1424.                   <item>
  1425.    <title><![CDATA[Italics Examined]]></title>
  1426.    <link>https://www.typography.com/blog/italics-examined</link>
  1427.    <description>
  1428.        <![CDATA[<p><span class="small-caps" style="font-size: 14px;">For as many kinds of typefaces</span> as there will ever be, there&rsquo;ll be even more kinds of italics. Nothing in the design of a roman typeface dictates what its italic will look like, and since the role of an italic is to be not only sympathetic with its roman but visibly different from it, italics are often free to explore unexpected constructions, or divergent visual traditions.</p>
  1429.  
  1430. <p>More so than romans, italics have a close connection with handwriting. Like handwriting, which can be as casual as a shopping list or as formal as a calligraphic invitation, different italics can express profoundly different moods. Understanding what goes into these many kinds of italics can make them even more valuable tools for designers.</p>
  1431.  
  1432. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-02-2.svg">
  1433.  
  1434. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-11-2.svg">
  1435.  
  1436. <p>Some calligraphers believe that cursive letters reached their finest form in the sixteenth century, in a style known as the <span class="small-caps" style="font-size: 14px;">chancery italic. </span>These are calligraphic letters, their thick and thin strokes and sharp upward angles a product of the broad-edged pen. Chancery italics have long signaled <em>magnificence, </em>expressing the joy of a wedding invitation or the pathos of a book of verse. We explored this lovely style in Requiem Italic, and outfitted the design with an extended set of decorative ligatures to <a href="https://www.typography.com/fonts/requiem/how-to-use#requiem-ligatures">attractively resolve collisions</a> such as the &ldquo;<strong class="alternate" style="font-size: 14px;">s&ndash;t&ndash;f&ndash;l</strong>&rdquo; above.</p>
  1437.  
  1438. <p><strong class="alternate">TIP: </strong>Because chancery italics have elegant, long-limbed ascenders and descenders, they need ample leading. Consider a font like Requiem when the format has lots of space &mdash; or for projects in which the text needs to be inflated to fit the format.</p>
  1439.  
  1440. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-03-2.svg">
  1441.  
  1442. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-12-2.svg">
  1443.  
  1444. <p>Many boisterous italics are made in a <span class="small-caps">postmodernist</span> style, freely borrowing from different genres. This design riffs on the various <em>fixed-width</em> letters found on typewriters, taking cues from both upright and script alphabets, and emerging with a welcoming and <a href="http://www.typography.com/fonts/operator/overview/">informal</a> tone. This type family extends to nine different weights, with the extreme Thin and Ultra styles having especially distinctive personalities.</p>
  1445.  
  1446. <p><strong class="alternate">TIP:</strong> The eclecticism of Operator&rsquo;s italic letters is echoed by the family&rsquo;s many different and varied styles. Shifting between its small caps and lowercase, or its lighter and bolder weights, can be as striking as switching between romans and italics. And don&rsquo;t be afraid to set whole paragraphs &mdash; or even whole texts! &mdash; in the italic.</p>
  1447.  
  1448. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-04-2.svg">
  1449.  
  1450. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-13-2.svg">
  1451.  
  1452. <p>These sinewy letters in the <span class="small-caps">english vernacular</span> style come not from the history of typefounding, but from map engraving, where they were traditionally used to label bodies of water. In place of serifs, they have long and fluid &ldquo;exit trails&rdquo; at the bottom, which help them follow curved baselines like the meandering paths of streams and coastlines. For designers, this makes them a great choice when wrapping type on a curve, especially in logos and seals that need to reproduce at small sizes.</p>
  1453.  
  1454. <p><strong class="alternate">TIP:</strong> Control the delicacy of Surveyor&rsquo;s lines by matching its <a href="https://www.typography.com/fonts/surveyor/how-to-use#surveyor-using-optical-sizes">optical size</a> to the circumstances. Surveyor Text was designed for small sizes, Surveyor Display for headlines, and Surveyor Fine for sizes larger still. Using the Text font in display sizes can be useful whenever you need heavier hairlines, such as when dropping type out of a photograph, and even the Display font can be helpful at smaller sizes, in situations where the hairlines will naturally gain weight, like when printing letterpress.</p>
  1455.  
  1456. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-14.svg">
  1457.  
  1458. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-17.svg">
  1459.  
  1460. <p>Typefaces in the <span class="small-caps">dutch old style</span> manage to be dark and bright at the same time, like a rousing symphony in a minor key. An invention of the seventeenth century, when the airy types of the Garamond style gave way to a darker, northern European fashion, these faces are useful when typography needs both a <a href="http://www.typography.com/fonts/quarto/overview/">dense color and a classical air</a>. Their dark color can be especially useful if display type will appear against a non-contrasting background, like the white-on-grey above.</p>
  1461.  
  1462. <p><strong class="alternate">TIP:</strong> Bold strokes and ample curves make a typeface like Quarto a good candidate for thoughtful tracking, either tight or loose. Loose all caps settings like this one are stately and monumental, while a tightly tracked upper- and lowercase setting can be warm and accessible.</p>
  1463.  
  1464. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-15.svg">
  1465.  
  1466. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-18.svg">
  1467.  
  1468. <p>The arrival of the mass-produced poster, at the dawn of the Industrial Revolution, gave rise to typography&rsquo;s first expressly eye-catching italics. These typefaces, unsurprisingly called <span class="small-caps">fat faces,</span> can be equally effective at <a href="http://www.typography.com/fonts/surveyor/styles/">sizes both large and small</a>, provided the design has been correctly drawn. This family features three optical masters for Text, Display, and Fine typography, sturdy enough to withstand small sizes, and delicate enough to thrive at large ones.</p>
  1469.  
  1470. <p><strong class="alternate">TIP:</strong> This typeface, Surveyor Fine Black Italic, has a <a href="https://www.typography.com/fonts/obsidian/how-to-use#working_with_color">decorative counterpart</a> in the Obsidian family. Obsidian Italic features the same deep <a href="https://www.typography.com/fonts/surveyor/characters">character set</a> as Surveyor, full of small caps, alternates and swashes, all drawn with vibrant shading that comes alive at large sizes.</p>
  1471.  
  1472. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-16.svg">
  1473.  
  1474. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-19.svg">
  1475.  
  1476. <p>An italic&rsquo;s angle shapes its personality. A font with a gentle slope of just six degrees can be lovely and lyrical; fifteen degrees and it&rsquo;s positively brisk. This powerhouse <span class="small-caps">superitalic</span> achieves its speed and urgency with a <em>28&deg; slope,</em> making it our most italic typeface ever. Useful in everything from political campaigns to motorsports, it&rsquo;s a typeface that designers call upon whenever typography needs to communicate raw power. And it&rsquo;s supplemented by a <a href="https://www.typography.com/fonts/nitro-turbo/how-to-use#nitro-turbo-creating-contrasting-textures"><span class="small-caps">backslant</span></a> with contrary motion, offering an intriguing alternative to simply &ldquo;roman or italic?&rdquo;</p>
  1477.  
  1478. <p><strong class="alternate">TIP:</strong> Although it&rsquo;s tightly fitted by default, the Nitro typeface responds beautifully to letterspacing. Its insistent lean provides more than enough momentum to carry the eye forward on the line, ensuring that even dramatically tracked type remains coherent and legible.</p>
  1479.  
  1480. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-06-2.svg">
  1481.  
  1482. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-20.svg">
  1483.  
  1484. <p>Swash capitals, which have been part of typography since the very earliest italics, came to full flower in the <span class="small-caps" style="font-size: 14px;">french old style</span> types of Garamond and Granjon. This family of typefaces, designed for display sizes, celebrates this tradition with a frolicsome set of swash caps that introduce each word with grandeur. Though swashes are customarily used only at the start of a word, many typefaces include swashes that work mid-word as well, when setting italics in all caps. Look for letters without elaborate curlicues on the left side, to ensure that they don&rsquo;t interfere with their neighbors.</p>
  1485.  
  1486. <p><strong class="alternate">TIP:</strong> In Hoefler Titling Italic, the swash <strong class="alternate">C</strong>, <strong class="alternate">E</strong>, <strong class="alternate">J</strong>, <strong class="alternate">K</strong>, <strong class="alternate">Q</strong>, <strong class="alternate">S</strong>, <strong class="alternate">T</strong>, <strong class="alternate">X</strong>, <strong class="alternate">Y</strong>, and <strong class="alternate">Z</strong> are designed to avoid neighboring letters. Other typefaces with medial swashes are Hoefler Text Italic, which also features a few <a href="https://www.typography.com/fonts/hoefler-text/how-to-use#hoefler-text-decorating-text">swash italic small caps</a>, and Surveyor Italic, whose swash caps and small caps are managed by an automated <a href="https://www.typography.com/fonts/surveyor/how-to-use#surveyor-smart-swashes">collision avoidance system</a>.</p>
  1487.  
  1488. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-10-2.svg">
  1489.  
  1490. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-21.svg">
  1491.  
  1492. <p>Some italics are <em style="font-size: 14px;">cursive,</em> following the natural motion of the hand; others are <em style="font-size: 14px;">oblique,</em> designed to look like slanted romans. Typefaces in the <span class="small-caps" style="font-size: 14px;">modern</span> style often have elements of both, pairing a fluid lowercase with highly rational caps. This balance of mechanical precision and artistic brio has made them a popular choice in the applied arts, often providing the signature typography for cultural institutions, architectural practices, and most famously, fashion.</p>
  1493.  
  1494. <p><strong class="alternate">TIP:</strong> Fashion typography, both editorial and commercial, has long relied on the precision and delicacy of this typeface, HTF Didot. In addition to its famous romans, try the family&rsquo;s rarer italics: they provide the same keenness with an extra dash of grace, and some welcome moments of <a href="https://www.typography.com/fonts/didot/how-to-use#didot-creating-contrasting-textures">wit</a> in the lowercase, figures, and punctuation.</p>
  1495.  
  1496. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-05-2.svg">
  1497.  
  1498. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-22.svg">
  1499.  
  1500. <p>Typefaces in the <span class="small-caps">antique</span> style have blocky, unbracketed serifs &mdash; or at least their romans do. Equally distinctive is the far rarer Antique Italic, whose swelling curves and staccato ball terminals deliver a contrasting texture to the roman, but with the same dependability and courage. The most versatile Antiques are not only sober and trustworthy, but warm and lively, with <a href="https://www.typography.com/fonts/sentinel/styles">extreme weights</a> that are bright and alert.</p>
  1501.  
  1502. <p><strong class="alternate">TIP:</strong> Though they&rsquo;re often thought of as display faces, typefaces like Sentinel are tremendously useful in <a href="https://www.typography.com/fonts/sentinel/how-to-use#sentinel-emphasizing-text">text</a>. Across their entire range of weights, the fonts&rsquo; clear gestures and careful fit recommend them to even very small sizes. Depending on your taste, the family&rsquo;s Light, Book, or Medium might all serve as the &ldquo;normal&rdquo; weight for text.</p>
  1503.  
  1504. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-07-2.svg">
  1505.  
  1506. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-23.svg">
  1507.  
  1508. <p>Many sans serifs, in their rationality, have dispassionate italics that simply look like slanted romans. But typefaces with a <span class="small-caps" style="font-size: 14px;">humanist</span> inflection can take a different approach, using the kinds of cursive forms more commonly found in seriffed designs. A sans serif whose <em>roman</em> has organic qualities, like these flaring strokes and gently bowing lines, invites an italic with a similarly handmade feel.</p>
  1509.  
  1510. <p><strong class="alternate" style="font-size: 14px;">TIP:</strong> A sans serif with a flowing italic can be an asset at <a href="https://www.typography.com/fonts/ideal-sans/how-to-use#ideal-sans-emphasizing-text">text sizes</a>, where it produces a texture that&rsquo;s distinctly different from its roman. Ideal Sans Italic has not only cursive gestures and an elliptical motif, but a narrower gait than its roman, giving it a recognizably contrasting rhythm in text.</p>
  1511.  
  1512. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-08-2.svg">
  1513.  
  1514. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-24.svg">
  1515.  
  1516. <p>One way to bridge the gap between the formality of print and the informality of writing is to create hybrid letterforms, in which typographic and calligraphic elements are fused together. Archer Italic, a <span class="small-caps">cursive slab,</span> uses this approach to satisfy a set of oppositions that were part of the design&rsquo;s brief: the typeface was created to be instructive but not priggish, pretty but not overindulgent, and sweet but not saccharine, a balance it strikes by featuring both rigid serifs and flowing exit trails on the same letters. Many of the cheerful details in the design&rsquo;s lowercase, such as the ball terminal on its lowercase <strong class="alternate">C</strong>, have been imported into the caps, an unusual move that further softens the tone of an otherwise tough slab serif.</p>
  1517.  
  1518. <p><strong class="alternate">TIP: </strong>Slab serifs with ball terminals can be tricky in their extreme weights, often losing their balance at the light end of the spectrum, and becoming gawky in their heaviest weights. Look for a design in which the lightest weights are both <a href="https://www.typography.com/fonts/archer/how-to-use#archer-emphasizing-text">crisp and measured</a>, and the heaviest ones are both <a href="https://www.typography.com/fonts/archer/styles">steady and exuberant</a>. A typeface that performs at small sizes can be useful as well, since it sidesteps the need to look for a coordinating serif text face.</p>
  1519.  
  1520. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-09-2.svg">
  1521.  
  1522. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italics-examined_responsive-25.svg">
  1523.  
  1524. <p>Some of the most interesting italics have no historical precedents. This one, exploring the idea that cursive typefaces don&rsquo;t need to be curvy, was invented to accompany a <span class="small-caps">grecian</span> roman, a nineteenth century style of wood type with angular corners. Taking a more interpretive approach to type design can yield fonts whose styles aren&rsquo;t readily identifiable, making them useful in projects that need to avoid specific historical associations or visual clich&eacute;s.<br />
  1525. <br />
  1526. <strong class="alternate">TIP:</strong> Italics with unexpected design motifs can be most dramatic when used in small doses. Some of the most arresting applications of this typeface are those where it&rsquo;s used most <a href="http://www.typography.com/fonts/acropolis/overview/">sparingly</a>, from logos and monograms to solitary drop caps. &mdash;JH</p>]]>
  1527.    </description>
  1528.    <pubDate>Thu, 07 Apr 2016 06:55:00 +0000</pubDate>
  1529.    <guid>https://www.typography.com/blog/italics-examined#593</guid>
  1530. </item>
  1531.                   <item>
  1532.    <title><![CDATA[Introducing Operator]]></title>
  1533.    <link>https://www.typography.com/blog/introducing-operator</link>
  1534.    <description>
  1535.        <![CDATA[<p><span class="small-caps">About two years ago,</span> H&amp;Co Senior Designer Andy Clymer proposed that we design a monospace typeface. Monospace (or &ldquo;fixed-width&rdquo;) typefaces have a unique place in the culture: their most famous ancestor is the typewriter, and they remain the style that designers reach for when they want to remind readers about the author behind the words. Typewriter faces have become part of the aesthetic of journalism, fundraising, law, academia, and politics; a dressier alternative to handwriting, but still less formal than something set in type, they&rsquo;re an invaluable tool for designers.</p>
  1536.  
  1537. <p>I acutely felt the need for such a typeface, and immediately thought of places I&rsquo;d want to use it on <a href="http://discover.typography.com" target="_blank">Discover.typography</a>. And while I liked the idea of creating a new typeface that would have this kind of voice &mdash; minus the nostalgic clackety-clack look of an actual typewriter face &mdash; I wondered if we could achieve these results without the many compromises required of a fixed-width design. Fixed-width faces force every character into a box of the same size, creating charmingly long serifs on the capital <strong class="alternate" style="font-size: 14px;">I</strong>, but tragic, procrustean disfigurements of wider letters like <strong class="alternate" style="font-size: 14px;">M</strong> and <strong class="alternate" style="font-size: 14px;">W</strong>. So I suggested that we relax the system, to create a font that <em style="font-size: 14px;">feels</em> monospaced, but behaves more professionally.</p>
  1538.  
  1539. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/operator-release_responsive-02.svg">
  1540.  
  1541. <p>Andy made an equally compelling counterproposal, reminding me that the command-line editor &mdash; these days, home to so many people who design things &mdash; could really be improved by a fully fixed-width typeface. What if, in addition to shedding the unwanted baggage of the typewriter, we also looked to the programming environment as a place where type could make a difference? Like many screen fonts before it, Operator could pay extra attention to the brackets and braces and punctuation marks more critical in code than in text. But if Operator took the unusual step of looking not only to serifs and sans serifs, but to <em>script</em> typefaces for inspiration, it could do a lot more. It could render the easily-confused <strong class="alternate" style="font-size: 14px;">I</strong>, <strong class="alternate" style="font-size: 14px;">l</strong>, and <strong class="alternate" style="font-size: 14px;">1</strong> far less ambiguous. It could help &ldquo;color&rdquo; syntax in a way that transcends the actual use of color, ensuring that different parts of a program are easier to identify. Andy hoped this might be useful when a technical <span class="small-caps" style="font-size: 14px;">pdf</span> found its way to a black-and-white laser printer. It was an especially meaningful gesture to me, as someone who, like three hundred million others, is red-green colorblind.</p>
  1542.  
  1543. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/operator_ide2.png">
  1544.  
  1545. <p>So with designers, developers, and most of all <em style="font-size: 14px;">readers</em> in mind, we decided to design it both ways. <strong style="font-size: 14px;">Operator Mono&reg;</strong> is our new family of fixed-width typefaces, with a broader range of weights than a typical typewriter face, and an italic that positively shines in code. Its more editorial companion is the natural-width <strong style="font-size: 14px;">Operator&reg;</strong> family, which offers the voice of typewriting but none of the compromises. Operator extends to <a href="http://www.typography.com/fonts/operator/styles/operatorcomplete">nine weights</a>, from Thin to Ultra, and includes both roman and italic small caps throughout. Both families are supported by companion <a href="http://www.typography.com/fonts/operator/styles/screensmart/">ScreenSmart</a> fonts, specially designed and engineered for use in the browser at text sizes.</p>
  1546.  
  1547. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/operator-release_responsive-01.svg">
  1548.  
  1549. <p>In developing Operator, we found ourselves talking about JavaScript and <span class="small-caps">css, </span>looking for vinyl label embossers on eBay, renting a cantankerous old machine from perhaps the last typewriter repair shop in New York, and unearthing a flea market find that amazingly dates to 1893. Above is the four-minute film I made, to record a little of what went into Operator, and introduce the team at H&amp;Co behind it. &mdash;JH</p>]]>
  1550.    </description>
  1551.    <pubDate>Tue, 09 Feb 2016 10:00:00 +0000</pubDate>
  1552.    <guid>https://www.typography.com/blog/introducing-operator#591</guid>
  1553. </item>
  1554.                   <item>
  1555.    <title><![CDATA[Introducing App.typography]]></title>
  1556.    <link>https://www.typography.com/blog/introducing-app.typography</link>
  1557.    <description>
  1558.        <![CDATA[<p><span class="small-caps">App developers lavish such care</span> creating thoughtful, lovely experiences, places where users can return again and again, and always feel at home. For all the time we spend browsing the web, we&rsquo;re spending more and more time using our devices&rsquo; native apps, a trend that&rsquo;s poised to continue with the arrival of mobile-minded projects like Facebook Instant Articles and Apple News. The one thing that all mobile experiences have in common is type, making it more important than ever to get the type right &mdash; to use the right fonts to create the sophisticated, expressive environments that users deserve.</p>
  1559.  
  1560. <p>We&rsquo;ve long worked with our clients to bring typography into the mobile space. For some, it means developing cross-channel typography that aligns their print, web, and mobile products; for others it means choosing fonts that solve problems, and help shape the user experience from the outset. We&rsquo;ve found that the needs of designers, developers, publishers, news organizations, institutions and brands are all a little different, but what everyone wants is for type to be functional, and for licensing to be painless. We want these same things, and more: we want to furnish app developers with the same high-quality tools available to print and web designers. We want developers to have access to everything that a font family has to offer, to be free to match the font to the medium and the experience, and to be relieved of having to count styles, platforms, or downloads. In short, we want to do everything for app developers that <a href="http://www.typography.com/webfonts">Cloud.typography</a> did for web developers, allowing people to use their existing H&amp;Co libraries in a whole new way.</p>
  1561.  
  1562. <h2>Meet App.typography.</h2>
  1563.  
  1564. <p>App.typography is a service that enables you to publish apps, digital publications, or eBooks that incorporate <em>any</em> of the H&amp;Co fonts you&rsquo;ve bought for your computer. It&rsquo;s a new model for licensing fonts, one that&rsquo;s based not on the number of <em>font styles</em> that you choose to embed, but the number of <em>titles</em> that you publish.</p>
  1565.  
  1566. <p>For developers, App.typography means the freedom to choose from whichever fonts you&rsquo;ve bought, including as many styles as necessary to create the perfect experience. We&rsquo;ve defined &ldquo;an app&rdquo; in the broadest possible way, so that the product you create for iOS, Android, and Apple TV &mdash; even if the versions for the Apple Watch and the Samsung Galaxy Tab don&rsquo;t share a single line of code &mdash; is covered by a single App.typography subscription.</p>
  1567.  
  1568. <p>For publishers, App.typography offers the ability to port your existing typography to digital publications and eBooks, to distribute these in a vast array of different formats, and to cover <em>all</em> of the books that you publish under a single imprint. Use as many fonts as you&rsquo;ve purchased, to publish as many books as you like, and see them downloaded as many times as possible, all with a single App.typography subscription.</p>
  1569.  
  1570. <h2>The Fonts</h2>
  1571.  
  1572. <p><strong>An App.typography subscription covers all the H&amp;Co fonts you&rsquo;ve purchased for your computer, and all the fonts that you buy in the future.</strong> This extends to the entire H&amp;Co library of more than 1,300 styles, including our nineteen families of <a href="http://www.typography.com/collections/screensmart/">ScreenSmart</a> fonts that are specially designed for the screen. You&rsquo;ll find countless solutions for app design in the H&amp;Co library: fonts with <a href="http://www.typography.com/collections/charts-tables/">tabular figures</a> for game scores and activity timers, <a href="http://www.typography.com/collections/condensed/">compact fonts</a> for narrow columns, and high-performance <a href="http://www.typography.com/collections/text/">text faces</a> for extended reading. Spend some time at <a href="http://discover.typography.com/theme/made-for-mobile/" target="_blank">Discover.typography</a> if you&rsquo;re looking for inspiration, or get started with <a href="http://typography.com/apps">App.typography</a> today.</p>]]>
  1573.    </description>
  1574.    <pubDate>Wed, 09 Dec 2015 13:34:00 +0000</pubDate>
  1575.    <guid>https://www.typography.com/blog/introducing-app.typography#588</guid>
  1576. </item>
  1577.                   <item>
  1578.    <title><![CDATA[Use Fonts in Email]]></title>
  1579.    <link>https://www.typography.com/blog/fonts-in-email</link>
  1580.    <description>
  1581.        <![CDATA[<p><span class="small-caps">Designers who love type</span> want to use it everywhere. And that&rsquo;s an obsession that perfectly aligns with what clients need: <em>why not </em>brand all of a company&rsquo;s communications consistently? Subscribers to our <a href="http://www.typography.com/webfonts">Cloud.typography</a> service, who use H&amp;Co fonts for their web and mobile communications, have recently begun asking about extending their typography to email as well. So we&rsquo;re delighted to announce that starting today, all Cloud.typography subscriptions now include the ability to use fonts in email campaigns. We&rsquo;re pleased to offer yet another way to use the power of typography to extend a brand&rsquo;s voice.</p>
  1582.  
  1583. <blockquote class="pullquote">A distinctive, high-quality typeface helps email stand out.</blockquote>
  1584.  
  1585. <p>For many companies, email is the most direct way to communicate with their customers. It&rsquo;s a critical part of any marketing strategy, but still a tough puzzle to crack: while people check their email <a href="http://www.businessinsider.com/how-often-do-people-check-their-email-2015-8" target="_blank">constantly</a>, and one-third of marketers say their subscribers read most of their email on <a href="http://www.pardot.com/blog/the-2015-email-marketing-landscape/" target="_blank">mobile devices</a>, nearly <em>two-thirds</em> of companies are looking for new ways to <a href="http://www.pardot.com/blog/the-2015-email-marketing-landscape/" target="_blank">improve email personalization</a>. It&rsquo;s harder than ever to make email stand out &mdash; which is where the right typeface, chosen with care, can help. Now, your email campaigns can take part in everything that makes your brand unique, including its typography.</p>
  1586.  
  1587. <p>With Cloud.typography, readers of email can experience the same high-quality screen typography that they&rsquo;ve come to expect from H&amp;Co fonts on the web. Because email uses type at <em>text</em> sizes &mdash; and often, features so much text &mdash; email campaigns are the perfect place to use H&amp;Co&rsquo;s <a href="http://www.typography.com/cloud/the-fonts/index.php#screensmart-fonts">ScreenSmart fonts that are optimized for reading at small sizes</a>. Take a look at our growing <a href="http://www.typography.com/collections/screensmart/">collection of ScreenSmart fonts</a> specially tuned for text sizes, and then log in with your Cloud.typography subscription, where you&rsquo;ll find an option for &ldquo;email campaigns&rdquo; included in all of your web font projects.</p>
  1588.  
  1589. <blockquote class="pullquote">Now, your email campaigns can share the same branding as all of your other communications.</blockquote>
  1590.  
  1591. <p>Email is still a new frontier for typography. On the reader&rsquo;s side, support for fonts is limited, but growing: many desktop and mobile apps like Apple Mail and Microsoft Outlook support web fonts, but most browser-based clients like Gmail don&rsquo;t. In other words, a branded email sent to a gmail.com address will render with web fonts if it&rsquo;s being read in an application like Mail or Outlook, or on the mail app on the owner&rsquo;s iPhone, but it won&rsquo;t show the branded fonts if it&rsquo;s being read inside a web browser. But as always, Cloud.typography won&rsquo;t interfere with your message getting through: when someone reads a branded email in an application that doesn&rsquo;t support web fonts, they&rsquo;ll simply see it appear using the same system fonts that you&rsquo;re using today.</p>
  1592.  
  1593. <p>Cloud.typography uses your available <em>pageviews</em> to satisfy email <em>opens, </em>with each open counting as a single pageview. You&rsquo;ll find more information in our <a href="http://www.typography.com/faq/question.php?faqID=137">email FAQ</a>, and some <a href="http://www.typography.com/cloud/user-guide/fonts-in-email">best practices for using fonts in email</a> in the Cloud.typography user guide. If you&rsquo;re using H&amp;Co fonts in your other communications but aren&rsquo;t yet a Cloud.typography subscriber, <a href="http://www.typography.com/cloud/pricing/">join today</a> and you&rsquo;ll have instant access to all the H&amp;Co fonts you&rsquo;ve ever purchased in the past, without the need to buy them again. Subscriptions start at $199/year.</p>
  1594.  
  1595. <p>We&rsquo;re excited to offer designers a new tool to both elevate their typography and expand their reach. Fonts are the foundations of so many memorable experiences, and we&rsquo;re glad to see H&amp;Co fonts playing yet another role in the ways that successful and timeless brands communicate. &mdash;H&amp;Co.</p>]]>
  1596.    </description>
  1597.    <pubDate>Wed, 04 Nov 2015 14:58:00 +0000</pubDate>
  1598.    <guid>https://www.typography.com/blog/fonts-in-email#587</guid>
  1599. </item>
  1600.                   <item>
  1601.    <title><![CDATA[The New Archer Heavyweights]]></title>
  1602.    <link>https://www.typography.com/blog/archer-heavyweight</link>
  1603.    <description>
  1604.        <![CDATA[<p><span class="small-caps">We&rsquo;ve seen designers choose Archer</span> for everything from wedding invitations to <a href="http://www.slate.com/blogs/the_eye/2013/10/14/grand_budapest_hotel_poster_and_typeface_futura_is_out_and_wes_anderson.html" target="_blank">movie titles.</a> Archer has a natural affinity for book jackets and product packaging, and developers have made great use of <a href="http://www.typography.com/fonts/archer/webfonts/archerssm-book" target="_blank">Archer ScreenSmart</a> on the web. And some of Archer&rsquo;s most unexpected performances have been among its best, delivering brand identities for news outlets, department stores, and multinational banks. The more designers have done with Archer, the more they&rsquo;ve wanted to do with it, and the more we&rsquo;ve wondered what else might be possible. So eighteen months ago, we returned to the drawing board.</p>
  1605.  
  1606. <h2>New Voices</h2>
  1607.  
  1608. <p>Archer was designed to be charming, a delicate book face that never raises its voice. Increasingly, we&rsquo;ve seen designers coaxing new moods out of Archer, tightly letterspacing its boldest weights to achieve a more boisterous tone. Seeing the potential for a more graphic Archer, we explored how heavy the fonts might go; the answer is <em>a lot heavier. </em>So today we&rsquo;re introducing <a href="http://www.typography.com/fonts/archer/styles/archer3pro">Archer Black, Extra Black,</a> and <a href="http://www.typography.com/fonts/archer/styles/archer3pro">Ultra,</a> each in roman, italic, and small caps, pushing the Archer family to a total of eleven weights. These new styles offer a wealth of new voices: now the ever-polite Archer can be exuberant, adamant, jolly, rustic, solemn, sporty, and vibrant.</p>
  1609.  
  1610. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/archer-heavyweights_responsive-01.svg">
  1611.  
  1612. <h2>New Textures for Text</h2>
  1613.  
  1614. <p>Archer has always performed in both text and display sizes, a tradition we&rsquo;ve continued with today&rsquo;s new styles. The new Archers are vivid at large sizes, and clear in text &mdash; and they&rsquo;re outfitted with all the trimmings needed to articulate content. The new <a href="http://www.typography.com/fonts/archer/styles/archer3pro">Archer 3 Pro</a> contains small caps, tabular figures, fractions, and even numerical indices. And if you&rsquo;ve been using Archer&rsquo;s heavier weights for text, now you use these heaviest weights for emphasis: just as you&rsquo;ve paired Archer Book and Bold, you can now pair Archer Bold and Ultra.</p>]]>
  1615.    </description>
  1616.    <pubDate>Tue, 15 Sep 2015 13:54:00 +0000</pubDate>
  1617.    <guid>https://www.typography.com/blog/archer-heavyweight#577</guid>
  1618. </item>
  1619.                   <item>
  1620.    <title><![CDATA[Inside Obsidian]]></title>
  1621.    <link>https://www.typography.com/blog/inside-obsidian</link>
  1622.    <description>
  1623.        <![CDATA[<p class="intro-paragraph">We&rsquo;re delighted that <em>Fast Company</em> has recognized our <a href="https://www.typography.com/fonts/obsidian/overview/">Obsidian</a> typeface in this year&rsquo;s <em><a href="http://www.fastcodesign.com/3049904/innovation-by-design/the-2015-innovation-by-design-awards-winners-graphic-design" target="_blank">Innovation by Design Awards,</a> </em>and thought we&rsquo;d mark the occasion with a behind-the-scenes look at some of the technology, history, and design thinking that went into this one-of-a-kind typeface.</p>
  1624. <!--read_more-->
  1625.  
  1626. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/asher_adams2.jpg">
  1627.  
  1628. <p><strong class="alternate">1.</strong> The roots of the Obsidian typeface begin with <a href="https://www.typography.com/fonts/surveyor/overview/">Surveyor</a>, a family of fonts designed at H&amp;Co which revive the style of roman and italic letterforms native to engraved maps of the nineteenth century. The more time we spent with this historical material, the more charmed we were by engraved title pieces like the one above, in which letters are decorated with elaborate hatching on their faces and in their shadows. This example, from <em>Asher &amp; Adams&rsquo; New Topographical Atlas and Gazetteer of New York</em> (1881) is typical of the period: only the list of cities is set in movable type, the rest was lettered by an engraver, working by hand, at actual size, in reverse, with a burin on a copper plate.</p>
  1629.  
  1630. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/bruce_decorative2.jpg">
  1631.  
  1632. <p><strong class="alternate">2.</strong> In response to the rise of commercial engraving, which provided new and sophisticated ways to dress letters, nineteenth century type foundries introduced ever more decorative typefaces to mimic this new style. The typefaces above, made by Bruce&rsquo;s New-York Type-Foundry and shown in their voluminous type specimen book of 1883, reveal some of the limits of typefounding. Where engravers were free to vary their letters to best suit a single situation, typeface designers have always been tasked with creating a group of consistent letters that can be used in different combinations, without manual intervention. Above, each letter <strong class="alternate">E</strong> used in &ldquo;Gutenberg&rdquo; is identical; compare this with the subtle variations in each of the three letter <strong class="alternate">A</strong>s used in the &ldquo;Asher &amp; Adams&rdquo; engraving (figure 1.)</p>
  1633.  
  1634. <p>As we explored this fertile period in lettering, we came away with five goals for our project. The first was to create a new typeface which evoked these styles, without referencing any one specific artifact. The second was to deliberately create a design that would be of service to contemporary designers, and not merely a museum piece. The third, most practically, was to ensure that we wouldn&rsquo;t have to spend the rest of our lives working on so elaborate a project. So the fourth was to come up with a new set of tools, which would help us both explore new directions and execute our drawings. The fifth and final goal was the most challenging: to ensure that the tools we created would produce letterforms that looked warm and organic, not mechanically processed.</p>
  1635.  
  1636. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_1_beziers_4040px.png">
  1637.  
  1638. <p><strong class="alternate">3.</strong> Modern typeface designers draw fonts by manually plotting every line and curve in every letterform. Even simple shapes require complex geometry: above left is a straightforward ampersand, constructed of 36 connected curves. Elaborate typefaces like <a href="https://www.typography.com/fonts/obsidian/overview/">Obsidian</a>, at right, are unmanageably tortuous: this ampersand alone would require the designer to draw and coordinate 284 different curves, defined by placing more than 1,100 points. Early in the development of the project, it was clear that even the process of sketching possible directions would need the help of a new and heretofore unimagined set of tools.</p>
  1639.  
  1640. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_2_panels_4040px.png">
  1641.  
  1642. <p><strong class="alternate">4.</strong> Building on a font whose exterior outlines had been completed, H&amp;Co Senior Designer Andy Clymer created a suite of proprietary tools to help apply complex decorations to font outlines. The process begins by dividing each of the more than <a href="https://www.typography.com/fonts/obsidian/characters/">1,400 characters</a> in the family into individual &ldquo;panels&rdquo; (above right), each defined by western and eastern edges, shown here in green and orange. These panels would serve as the foundation of the ornamentation to follow.</p>
  1643.  
  1644. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_8C3_interface.jpg">
  1645.  
  1646. <p><strong class="alternate">5.</strong> Once the panels are established, a script divides each panel into slices, giving the font&rsquo;s designers their first glimpse of what a &ldquo;hatched&rdquo; version of the typeface will look like. The number of slices for each panel can be adjusted independently, to give the resulting letterform a more consistent texture: at right, different parts of this ampersand are divided into four, five, or six slices.</p>
  1647.  
  1648. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_3_slices_4040px.png">
  1649.  
  1650. <p><strong class="alternate">6.</strong> Having chosen the number of slices for each panel, the tools then divide each slice into a series of shorter segments. The angle of each segment is compared to the direction of an imagined light source, to determine how &ldquo;bright&rdquo; it should be. Segments on the western and eastern faces are oppositely illuminated, to create the illusion of dimensionality.</p>
  1651.  
  1652. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_4_raytracing_4040px2.png">
  1653.  
  1654. <p><strong class="alternate">7.</strong> Finally, in its most complicated bit of mathematics, the software interprets the brightness of these connected segments as a set of continuous curves, and generates its first draft as a working font. This font is used to create proofs that demonstrate the design in a variety of contexts, which the project&rsquo;s designers review together.</p>
  1655.  
  1656. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_5_shading_4040px.png">
  1657.  
  1658. <p><strong class="alternate">8.</strong> During a font&rsquo;s development, some of the biggest steps forward happen during the exchanges between designer and editor. H&amp;Co founder Jonathan Hoefler serves the company&rsquo;s designers as editor-in-chief, working with designers to refine and articulate a font&rsquo;s goals, identify its most successful features, and recommend strategies to improve its look and performance. Some of these comments inspired Clymer not only to try new things with the design, but to build new features into the underlying font tools themselves.</p>
  1659.  
  1660. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_6_proofs.png">
  1661.  
  1662. <p><strong class="alternate">9.</strong> A refined version of the tools allowed different parts of a character to be illuminated differently, to achieve a more consistent overall effect. (1) A raked light from above gives a &lsquo;ball terminal&rsquo; greater clarity; (2) rotating the light source provides more balanced illumination to the banana-shaped bowl on the left side; (3) sidelighting the main diagonal stroke gives it a defining contrast. The final character (4) is a composite of these different highlights.</p>
  1663.  
  1664. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_8B_stems_4040px.jpg">
  1665.  
  1666. <p><strong class="alternate">10.</strong> Above left, the first draft of Obsidian&rsquo;s ampersand, compared with the final version at the right, reflecting ten months worth of revisions. Still another generation of Obsidian&rsquo;s tools made it possible to vary not only the <em>angle</em> of each light source, but also its <em>intensity,</em> to help the designers better accentuate those details that best conveyed the illusion of dimensionality. Small details, like the tight interior corners, were refined by hand.</p>
  1667.  
  1668. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_9_characters.svg">
  1669.  
  1670. <p><strong class="alternate">11.</strong> Surprisingly, it was the plainest letters in the alphabet that proved the most difficult to shade. Above left, the first draft of the capital <strong class="alternate">D</strong>: its rounded bowl catches the light nicely, but its straight vertical stem has a dull, uniform color. Hoefler and Clymer tried a number of solutions, ultimately deciding to enliven these gestures by subtly brightening their highlights at the top and bottom, and having them get progressively thicker as they move from left to right. As always, these new rules were baked into the software itself, and used to regenerate the entire character set anew.</p>
  1671.  
  1672. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_7_lighting_4040px.jpg">
  1673.  
  1674. <p><strong class="alternate">12.</strong> Some characters revealed the need for entirely unique approaches. Serifs like those on the capital <strong class="alternate">E</strong> couldn&rsquo;t be extruded into a plausible three-dimensional form, so a new policy was needed to shade the font&rsquo;s many triangular shapes. Overlaps in joined characters, like the <strong class="alternate">&aelig;</strong> diphthong and the <strong class="alternate">ffl</strong> ligature, presented additional opportunities to heighten the illusion of dimensionality. Some characters were redesigned completely, to catch the light in more interesting ways: the flat crossbars on the <strong class="alternate">7</strong>, <strong class="alternate">2</strong>, <strong class="alternate">5</strong> were replaced with flowing curves, and the linear dagger and double-dagger were refashioned in a more ornamental style. The shading of the circumflex (<strong class="alternate">&Ecirc;</strong>) follows a recipe not used anywhere else in the typeface.</p>
  1675.  
  1676. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_10_collage.svg">
  1677.  
  1678. <p><strong class="alternate">13.</strong> A humble user interface conceals complex inner workings. Clymer&rsquo;s shading tools were written in <a href="https://www.python.org" target="_blank">Python</a> &mdash; long the language of choice for managing font data &mdash; and built as an extension for the <a href="http://doc.robofont.com" target="_blank">RoboFont</a> font editor. Intuitive, modular libraries for <a href="https://github.com/typesupply/vanilla" target="_blank">building interfaces</a> and <a href="http://www.drawbot.com" target="_blank">rendering shapes</a> on screen make RoboFont a wonderful environment for invention, and the tool of choice for all the typeface designers at H&amp;Co. Shown above, in color, are the tools&rsquo; best attempts to apply shading, based on the the designer&rsquo;s inputs. The black outlines reflect manual adjustments after the fact, made to improve the appearance of this letterform.</p>
  1679.  
  1680. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obsidian_8_before_after_4040px.png">
  1681.  
  1682. <p><strong class="alternate">14.</strong> Characters from the finished typefaces, <a href="https://www.typography.com/fonts/obsidian/styles/">Obsidian Roman</a> and <a href="https://www.typography.com/fonts/obsidian/styles/">Obsidian Italic</a>. H&amp;Co Creative Director Brian Hennings made this collage, choosing from some of Obsidian&rsquo;s more obscure and lovely forms (including, front and center, its alternate italic ampersand.) For a decorative typeface, Obsidian contains an unusually broad range of characters, with roman and italic small capitals, <a href="https://www.typography.com/fonts/obsidian/how-to-use#obsidian-decorating-text">swash caps and swash small caps</a>, and accents for more than 140 languages. Both fonts are also provided in &ldquo;chromatic layers,&rdquo; so that designers can independently control the color of the background and foreground.</p>]]>
  1683.    </description>
  1684.    <pubDate>Mon, 14 Sep 2015 16:14:00 +0000</pubDate>
  1685.    <guid>https://www.typography.com/blog/inside-obsidian#562</guid>
  1686. </item>
  1687.                   <item>
  1688.    <title><![CDATA[Discover.typography: an Innovation by Design]]></title>
  1689.    <link>https://www.typography.com/blog/discover-typography-innovation-design</link>
  1690.    <description>
  1691.        <![CDATA[<p><span class="small-caps">It&rsquo;s lovely to see</span> <a href="http://discover.typography.com">Discover.typography</a> recognized by the <a href="http://www.fastcodesign.com/3049904/innovation-by-design/the-2015-innovation-by-design-awards-winners-graphic-design"><em>Innovation by Design Awards.</em></a> While the story of H&amp;Co is usually the story of our fonts, less visible is the project of working <em>with</em> the fonts, and creating the kinds of experiences in which we can share what we find so exciting about type in the first place.</p>
  1692.  
  1693. <p>Thank you to <em>Fast Company </em>for highlighting an innovative piece of technology that&rsquo;s been one of our most satisfying creative outlets. And thank you to the development team at H&amp;Co, the eleven designers, developers, engineers, and project managers who work so hard to ensure that Discover.typography continues to fully capture, and fully express, everything that we love about type on the web. &mdash;JH</p>]]>
  1694.    </description>
  1695.    <pubDate>Mon, 14 Sep 2015 14:01:00 +0000</pubDate>
  1696.    <guid>https://www.typography.com/blog/discover-typography-innovation-design#580</guid>
  1697. </item>
  1698.                   <item>
  1699.    <title><![CDATA[Pull Quotes]]></title>
  1700.    <link>https://www.typography.com/blog/pull-quotes</link>
  1701.    <description>
  1702.        <![CDATA[<p><span class="small-caps">It&rsquo;s surprising how much writing that isn&rsquo;t about design</span> turns out to be about design. For years, I&rsquo;ve been squirreling away sentiments that resonate with me, scribbling them into sketchbooks or thumbing them into many generations of smartphone. Their sources vary: a hard-boiled mystery that I read on vacation, an in-flight magazine interview with a restaurateur, a book about viniculture, Twitter. One is attributable to a cartoon character. CEO Marissa Mayer adroitly captured what connects geeks and designers, and Jay-Z perfectly articulated something I&rsquo;ve always felt about typeface design. Taken together, they&rsquo;re ultimately about the same things: the role of design, the creative process, entrepreneurship, and the significance of tradition and style. These are all things central to life at H&amp;Co, both to us and our clients, and to lovers of typography everywhere. I thought you might enjoy them. &mdash;JH</p>
  1703.  
  1704. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/discover_pull-quotes_responsive.svg">]]>
  1705.    </description>
  1706.    <pubDate>Tue, 28 Jul 2015 09:31:00 +0000</pubDate>
  1707.    <guid>https://www.typography.com/blog/pull-quotes#579</guid>
  1708. </item>
  1709.                   <item>
  1710.    <title><![CDATA[Choosing Fonts for Tight Tracking]]></title>
  1711.    <link>https://www.typography.com/blog/fonts-for-tight-tracking</link>
  1712.    <description>
  1713.        <![CDATA[<p class="intro-paragraph">Lately, we&rsquo;ve been developing a taste for tight letterspacing. Our clients have been doing the same: designers know that tight tracking is an effective way to make any message seem more immediate and energetic. But not every typeface is designed for close quarters, and the wrong font can ruin the effect. Here are a few things to consider when setting type tightly.</p>
  1714.  
  1715. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-02.svg">
  1716.  
  1717. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-06.svg">
  1718.  
  1719. <p>We often reach for a condensed sans when looking for a typeface that can be mortared into a solid wall, but the right <em>serif</em> typeface can be just as successful &mdash; and sometimes a lot more lively. Serifs introduce a level of variation that helps relieve typographic monotony, and they can fill awkward spaces around curved letters. A typeface with unusually short serifs, such as <a href="http://www.typography.com/fonts/quarto/styles/">Quarto Black,</a> can be tracked especially tightly before its characters begin to touch. But don&rsquo;t eliminate overlaps, since they contribute to giving typography an even rhythm: track your type so that lowercase <strong class="alternate">N</strong>s and <strong class="alternate">O</strong>s nestle comfortably together, and let the others fall where they may.</p>
  1720.  
  1721. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-07.svg">
  1722.  
  1723. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-08.svg">
  1724.  
  1725. <p>Many typefaces make use of the <em>superellipse,</em> a shape based on the ellipse but with fuller curves. <a href="http://www.typography.com/fonts/gotham/styles/gothamcondensed2">Gotham Condensed Ultra,</a> shown here, is one such design: notice the way its upper- and lowercase <strong class="alternate" style="font-size: 14px; line-height: 22px;">O</strong> are drawn, with squarer &ldquo;shoulders&rdquo; than a regular ellipse, shown here as a dotted line. The extra weight in the corners helps letters take up as much space as possible, and further squares them against other letters&rsquo; vertical strokes. In the headline above, I&rsquo;ve also added Gotham&rsquo;s alternate lowercase <strong class="alternate" style="font-size: 14px; line-height: 22px;">A</strong>, which huddles more tightly against its neighboring letters. (This character is available as a <a href="http://www.typography.com/blog/webfonts-with-stylistic-sets">stylistic set,</a> both on the desktop and on the web.) Keep an eye out for typefaces that use superelliptical curves: you&rsquo;ll find them at work in many of our <a href="http://www.typography.com/collections/ultra/">boldest fonts.</a></p>
  1726.  
  1727. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-09.svg">
  1728.  
  1729. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-03.svg">
  1730.  
  1731. <p>Because flat and unbracketed serifs intersect more predictably on a line, <a href="http://www.typography.com/collections/slab-serifs/">slab serifs</a> are some of the best choices for tight tracking. Pay attention to the tops of the lowercase <strong class="alternate">F</strong> and <strong class="alternate">R</strong>, and the concluding strokes of the lowercase <strong class="alternate">A</strong> and <strong class="alternate">T</strong>, which in most typefaces will feature rounded terminals and curved tails that add to a font&rsquo;s variety. For even greater visual consistency, choose a slab serif like <a href="http://www.typography.com/fonts/vitesse/styles/">Vitesse Black,</a> which streamlines these details into horizontal strokes. Vitesse&rsquo;s boxy serifs lock neatly together, long before the letters themselves collide, helping preserve the legibility of the type.</p>
  1732.  
  1733. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-04.svg">
  1734.  
  1735. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fonts-for-tight-tracking_responsive-05.svg">
  1736.  
  1737. <p>While typefaces with flat sides seem like obvious choices for tight tracking, take care: these can be among the most perilous fonts to use. Serifs can help a letter keep its neighbors at arm&rsquo;s length, and letters with plump curves can be legible even when partially obscured. But flat-sided letters, when set too tightly, meld into a single, indistinguishable mass. When using a flat-sided sans, look for one that&rsquo;s specifically fitted for display sizes, such as <a href="http://www.typography.com/fonts/tungsten/styles/tungsten">Tungsten Bold.</a> And if you&rsquo;re considering a typeface with rounded corners, look for one that automatically resolves awkward collisions, such as <a href="http://www.typography.com/fonts/tungsten-rounded/features/">Tungsten Rounded.</a></p>
  1738.  
  1739. <p>Our taste in type is always evolving. Keep an eye on <a href="http://discover.typography.com">discover.typography</a> to see what we&rsquo;re thinking about, or join our <a href="https://www.typography.com/account/login.php#new-account">mailing list</a> to keep up with what we&rsquo;re working on. &mdash;JH</p>]]>
  1740.    </description>
  1741.    <pubDate>Fri, 10 Jul 2015 11:24:00 +0000</pubDate>
  1742.    <guid>https://www.typography.com/blog/fonts-for-tight-tracking#576</guid>
  1743. </item>
  1744.                   <item>
  1745.    <title><![CDATA[Typography on Instagram]]></title>
  1746.    <link>https://www.typography.com/blog/typography-on-instagram</link>
  1747.    <description>
  1748.        <![CDATA[<p><span class="small-caps">Over instant messaging at our office,</span> the typographic obsessions of our typeface designers, graphic designers, web developers and businesspeople have lately coalesced into a game of photographic oneupsmanship. We thought it time to share with the rest of the world, so pop over to <a href="https://instagram.com/hoeflerco/">Instagram</a> and you&rsquo;ll find the goods. Included are some <a href="https://instagram.com/p/3jvd2qzesP/">typographic artifacts</a> that have escaped scholarship, a few excerpts from our <a href="https://instagram.com/p/3ZFsLkTepa/">studio library</a>, and some <a href="https://instagram.com/p/2iwonlTepg/">typographic moments</a> that we&rsquo;ve encountered in our travels from Havana to The Hague. Later this week we&rsquo;ll be posting a peculiar bit of Americana that I&rsquo;ve been holding on to for years, just in time for Independence Day. &mdash;JH</p>]]>
  1749.    </description>
  1750.    <pubDate>Wed, 01 Jul 2015 08:19:00 +0000</pubDate>
  1751.    <guid>https://www.typography.com/blog/typography-on-instagram#575</guid>
  1752. </item>
  1753.                   <item>
  1754.    <title><![CDATA[Nicely Done: Epicurious]]></title>
  1755.    <link>https://www.typography.com/blog/epicurious</link>
  1756.    <description>
  1757.        <![CDATA[<p>A welcome bit of seasonal fare is the redesigned <a href="http://www.epicurious.com">Epicurious</a>, a hub for recipes, how-to articles, and inspiration for all things gastronomic. Building on the site&rsquo;s massive recipe database, the Epicurious team took on the challenge of improving accessibility and adding new ways to discover content, two goals in which web fonts play a central part. The new Epicurious offers a fluid experience for visitors, with a more prominent and functional search mechanism, and new editorial features to accompany all the site&rsquo;s content. We&rsquo;re especially pleased to see our narrowest ScreenSmart font, <a href="http://www.typography.com/fonts/gotham/styles/gothamcondensedscreensmart">Gotham Condensed ScreenSmart</a>, play such a prominent role: it&rsquo;s a smart choice to convey an authoritative editorial voice, without competing with the site&rsquo;s hunger-pang-inducing photography. &mdash;NW</p>]]>
  1758.    </description>
  1759.    <pubDate>Mon, 01 Jun 2015 19:02:00 +0000</pubDate>
  1760.    <guid>https://www.typography.com/blog/epicurious#564</guid>
  1761. </item>
  1762.                   <item>
  1763.    <title><![CDATA[An Essential Calligraphic Facsimile]]></title>
  1764.    <link>https://www.typography.com/blog/an-essential-calligraphic-facsimile</link>
  1765.    <description>
  1766.        <![CDATA[<p><span class="small-caps">If you know Zapf Chancery and Zapf Dingbats,</span> you know the faintest shadow of the work of Hermann Zapf. If you know exquisite mid-century books printed in Palatino, you&rsquo;re getting closer; I never did, having come of age with the brutish digitization of Palatino that shipped with my first laser printer (along with other notable Zapf faces such as Optima and Melior, both too subtle to survive the barbarity of toner at three hundred dots per inch.) People under the age of fifty likely know Zapf only as a typeface designer, and while a deeper study of his typefaces will lead to such treasures as Hunt Roman and Saphir, even this is only half the story. Zapf is a consummate calligrapher &mdash; he has been for <em>eight decades</em> &mdash; and he is about to share with the world one of his private treasures.</p>
  1767.  
  1768. <p>My introduction to Zapf the calligrapher was <em>Feder und Stichel</em> (Pen and Graver), a monograph of 1950 featuring twenty-five calligraphic studies cut in metal by August Rosenberger. They show not only Zapf&rsquo;s mastery as a shaper of letters, words, and paragraphs, but a catholic taste for historical forms that live apart from his commercially-produced typefaces. There are rustic capitals that date to the third century, two interpretations of the 16th century Civilit&eacute;, and a <a href="https://www.instagram.com/p/23njXMTepp/">spectacular alphabet of inline Fraktur capitals</a>. Zapf and I have a mutual close friend, who recently mentioned an even more exotic bit of Zapfiana, the sketchbooks that Zapf carried with him after his conscription into the German Army at the outbreak of World War II. Only reproduced in excerpt, and never seen outside of Zapf&rsquo;s home, it is these that the Kelly-Winterton Press is undertaking to produce in facsimile.</p>
  1769.  
  1770. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/zapf2.png">
  1771.  
  1772. <h2>Behind the Facsimile</h2>
  1773.  
  1774. <p>The proper execution of such a project will require an editor with a deep knowledge of letters, a printer intimately familiar with the demands of reproducing complex artwork, someone with long-established relationships in the fine press community, and a designer up to the challenge of presenting this work in an appropriate typographic context. This project has all of these contributors in the form of Jerry Kelly, a designer, printer, and professional calligrapher, who studied under Zapf in 1979. Kelly is a lover of letters: he wrote the introduction to <em>The Art of the Type Specimen in the Twentieth Century</em> (and designed it beautifully using a typeface to which I&rsquo;d never given a second thought); he designed <em>The Practice of Letters,</em> which presents The Hofer Collection of Writing Manuals from the Harvard College Library, still an indispensable reference on the evolution of letterforms. Books-on-books can sometimes, cruelly, be careless in their details; this will not be such a project. The facsimile edition will cost $65, though a range of deluxe options include such premiums as additional enclosures and fine bindings. I&rsquo;ll be adding one of these to my bookshelf, and I&rsquo;d encourage you to do the same, both to encourage the preservation of this important work, and to enjoy the fruits of this wonderful labor of love. &mdash;JH</p>]]>
  1775.    </description>
  1776.    <pubDate>Tue, 19 May 2015 12:28:00 +0000</pubDate>
  1777.    <guid>https://www.typography.com/blog/an-essential-calligraphic-facsimile#573</guid>
  1778. </item>
  1779.                   <item>
  1780.    <title><![CDATA[Adventure Typography!]]></title>
  1781.    <link>https://www.typography.com/blog/adventure-typography</link>
  1782.    <description>
  1783.        <![CDATA[<p><span class="small-caps">Among the contributors</span> to <a href="http://discover.typography.com/theme/trail-mix/">Discover.typography</a> are a couple of serious campers, a few people who enjoy a good hike, and at least one fledgling birdwatcher. At least one of us may have been involved in scouting as a kid, where the pursuit of such outdoorsy merit badges as <em>Indian Lore, Basketry</em> and <em>Leatherwork</em> pointed damningly to a future as the proprietor of a type foundry. But even for an indoorsy designer-to-be, there was much to love about camping: compact kits where things cleverly nested together, secret codes involving flashing lights or colored flags, the iconography of uniform badges, and multi-functional Swiss Army knives that prepared gutsy woodsmen for fixing eyeglasses or opening bottles of wine on the frontier. There was also the night sky, the joy of telling a chestnut tree by its leaves or a cottontail rabbit by its tracks, and the discovered pleasures of both camaraderie and solitude. It was with all this reverie in mind that we set to work on <em><a href="http://discover.typography.com/theme/trail-mix/">Trail Mix,</a></em> a meditation on the outdoor life, in type.</p>
  1784.  
  1785. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/discover_controller_2692px.png">
  1786.  
  1787. <p>&nbsp;</p>
  1788.  
  1789. <blockquote class="pullquote">The new controller.</blockquote>
  1790.  
  1791. <p>Trail Mix includes a couple of unexpected type treatments for the web, from type wrapping a three-dimensional object, to letters rendered in embroidery. But the most significant change is to the <em>controller,</em> which identifies which fonts are used in each piece of art. Now you&rsquo;ll see more detailed information about the fonts that go into our work &mdash; for example, not just that we used &ldquo;Gotham,&rdquo; but which specific styles we chose from the <a href="http://www.typography.com/fonts/gotham/styles/gothamnarrow1">Gotham Narrow 1</a> package. We&rsquo;ve also made the controller and the artwork mutually interactive, so you can select a font&rsquo;s name to see where it appears in the art, and vice versa. And as always, there are a couple of easter eggs in store for the eagle-eyed, Eagle Scouts among you. Be prepared. &mdash;JH</p>]]>
  1792.    </description>
  1793.    <pubDate>Wed, 06 May 2015 09:23:00 +0000</pubDate>
  1794.    <guid>https://www.typography.com/blog/adventure-typography#571</guid>
  1795. </item>
  1796.                   <item>
  1797.    <title><![CDATA[What’s New in Gotham]]></title>
  1798.    <link>https://www.typography.com/blog/whats-new-in-gotham</link>
  1799.    <description>
  1800.        <![CDATA[<p><span class="small-caps">H&amp;Co is delighted to introduce</span> a massive expansion of our Gotham family. With the addition of more than 29,000 character drawings, all 66 styles of <a href="http://www.typography.com/fonts/gotham/styles/">Gotham</a> &mdash; plus all 48 <a href="http://www.typography.com/fonts/gotham/styles/screensmart/">Gotham ScreenSmart</a> fonts, specifically designed for the web &mdash; now feature the Cyrillic and Greek alphabets. These characters are now included standard in all Gotham packages.</p>
  1801.  
  1802. <h2>The Languages</h2>
  1803.  
  1804. <p>Today&rsquo;s Gothams tackle sixty additional languages, including Greek, Russian, and a host of languages that use variants of the Cyrillic alphabet. Featuring H&amp;Co&rsquo;s <a href="http://www.typography.com/faq/question.php?faqID=12">Expanded Cyrillic</a> spec, the fonts can render not only the major Balto-Slavic languages (Russian, Ukrainian, Serbian, Belarusian, Bulgarian and Macedonian), but also many of the more widely-spoken and under-served languages of Asia, from Abaza (48,000 speakers) to Uzbek (27 million.) In all, today&rsquo;s enhancements help designers communicate with more than one quarter of a billion new readers worldwide.</p>
  1805.  
  1806. <h2>Got Gotham?</h2>
  1807.  
  1808. <p>For those designers who have already purchased Gotham, we&rsquo;re delighted to make these upgrades available <strong>free.</strong></p>
  1809.  
  1810. <p>We&rsquo;re rolling out these upgrades today, so if you&rsquo;ve purchased Gotham for your computer, sign in and visit your <a href="https://www.typography.com/account/your-account.php#font-library">Font Library</a>. You&rsquo;ll find a list of all your H&amp;Co fonts, along with links to download their latest versions. If you&rsquo;re using any of the Gotham web fonts via <a href="http://www.typography.com/cloud/pricing/">Cloud.typography</a>, you&rsquo;ll see an option within your project dashboards&rsquo; <a href="http://www.typography.com/cloud/user-guide/font-features">Character Set</a> panel to add Greek, Basic Russian, or the full Extended Cyrillic set.</p>
  1811.  
  1812. <h2>Get Gotham!</h2>
  1813.  
  1814. <p>And if you <em>haven&rsquo;t</em> yet made Gotham a part of your collection, now&rsquo;s the perfect time. Packages begin at $169, with savings of $69 when buying specially-priced <a href="http://www.typography.com/fonts/gotham/styles/gothambundle">Gotham Bundles</a> &mdash; and an <em>additional $100</em> when buying bundles <a href="http://www.typography.com/fonts/gotham/styles/">together</a>.</p>]]>
  1815.    </description>
  1816.    <pubDate>Wed, 22 Apr 2015 05:31:00 +0000</pubDate>
  1817.    <guid>https://www.typography.com/blog/whats-new-in-gotham#569</guid>
  1818. </item>
  1819.                   <item>
  1820.    <title><![CDATA[Fonts in Fiction]]></title>
  1821.    <link>https://www.typography.com/blog/fonts-in-fiction</link>
  1822.    <description>
  1823.        <![CDATA[<p><span class="small-caps">Typefaces occasionally escape into the wild,</span> sometimes to find themselves in unfamiliar literary climes. No designer has ever read <a href="http://www.amazon.com/exec/obidos/ASIN/015603297X/typographycom-20"><em>Foucault&rsquo;s Pendulum</em></a> by Umberto Eco without being startled by the arrival of a certain Mr. Garamond early in the story; even the most pedantic typographer can&rsquo;t help but love this delicious scene in <a href="https://www.youtube.com/watch?v=cISYzA36-ZY"><em>American Psycho,</em></a> in which jousting <em>arbitrageurs</em> boast about their business cards, all of it in nonsense designerese. (The cardstock? &ldquo;It&rsquo;s Bone. The lettering is something called Silian Rail.&rdquo;)</p>
  1824.  
  1825. <p>While type designers are accustomed to <em>seeing</em> their work appear in fictional settings &mdash; movie props, mostly, many of them anachronistic &mdash; there&rsquo;s a special strangeness that comes from <em>reading about</em> one of your fonts in a work of fiction. Having just tucked into <a href="http://www.amazon.com/exec/obidos/ASIN/B00N6PCZO0/typographycom-20"><em>A Little Life,</em></a> a novel by Hanya Yanagihara, H&amp;Co&rsquo;s Carleen Borsella shot bolt upright when she saw our <a href="http://www.typography.com/fonts/archer/overview/">Archer</a> typeface namechecked on page ten. I can only imagine that the fictional Jasper, who&rsquo;s &ldquo;using Archer for everything,&rdquo; even body text, is himself a graphic designer: those of us on the inside know that Archer is indeed a text face, one that&rsquo;s fitted with all kinds of <a href="http://www.typography.com/fonts/archer/features/archer-numerics">features</a> designed with text in mind. We&rsquo;ll have to keep an eye on Jasper, remembering what happened <a href="http://www.typography.com/blog/the-murderer-wore-serifs">last time</a> an H&amp;Co typeface enjoyed a brief literary interlude. &mdash;JH</p>]]>
  1826.    </description>
  1827.    <pubDate>Thu, 19 Mar 2015 15:20:00 +0000</pubDate>
  1828.    <guid>https://www.typography.com/blog/fonts-in-fiction#567</guid>
  1829. </item>
  1830.                   <item>
  1831.    <title><![CDATA[The Inspiring Everyday]]></title>
  1832.    <link>https://www.typography.com/blog/the-inspiring-everyday</link>
  1833.    <description>
  1834.        <![CDATA[<p><span class="small-caps">Whether they&rsquo;re typeface designers,</span> graphic designers, web developers, or part of our business group, nobody at H&amp;Co is immune to the charms of found typography, and we&rsquo;re all compulsive sharers. Recently, our chief operating officer paid a visit to the garage to have her car serviced, and returned with a souvenir that made us smile: a paper tag left dangling from the rear view mirror, designer unknown, indifferently printed with a giant number in four inch block type. It prompted a conversation about the pleasures of anonymous typography, and how even the humblest bits of ephemera can suggest visual strategies for solving far more complex design challenges. So for those who take pleasure in life&rsquo;s little typographic moments, we&rsquo;re pleased to share a few of ours, today on <a href="http://discover.typography.com/theme/take-a-number">Discover.typography</a>. &mdash;JH</p>]]>
  1835.    </description>
  1836.    <pubDate>Wed, 25 Feb 2015 15:59:00 +0000</pubDate>
  1837.    <guid>https://www.typography.com/blog/the-inspiring-everyday#565</guid>
  1838. </item>
  1839.                   <item>
  1840.    <title><![CDATA[Introducing Obsidian]]></title>
  1841.    <link>https://www.typography.com/blog/introducing-obsidian</link>
  1842.    <description>
  1843.        <![CDATA[<p><span class="small-caps">I&rsquo;ve always wanted to create</span> a decorative display face in the <a href="http://www.typography.com/blog/sham-rock" target="_blank">Regency style</a>, one of those stout, industrial alphabets enlivened by bright, detailed illumination. Toward the end of our <a href="http://www.typography.com/fonts/surveyor/overview" target="_blank">Surveyor</a> project, a deep exploration of engraved map lettering, this idea started to feel especially relevant: engraved maps were often badged with <a href="http://www.typography.com/blog/fantasy-league-typography" target="_blank">elaborate title pieces</a>, and the more time we spent with these hatched and shadowed letters, the more we could imagine how some of their visual qualities could be successfully interpreted in a contemporary typeface &mdash; and one that would be useful and relevant to designers today. But then there was the matter of draftsmanship: how do you <em>do it?</em> Type design is still largely a manual art, and the thought of devoting years of our lives to drawing tiny curlicues was a bleak prospect indeed. Like the best of dead ends, this was where things started to become interesting.</p>
  1844.  
  1845. <p>I&rsquo;d been discussing this puzzle with Andy Clymer, a senior typeface designer at H&amp;Co. As part of the Surveyor design team, Andy had spent a lot of time with the heaviest members of that family, the ones most closely connected with the Regency style. An accomplished programmer and a procedural thinker generally, Andy had taken a short sabbatical in 2013 to attend the first class of the <a href="http://sfpc.io" target="_blank">School for Poetic Computation</a>, an artist-run school in New York that explores the intersections of code, design, and theory. Returning with some fresh ideas about particle studies and 3D modeling, Andy and I met to reframe the project: what sorts of rapid prototyping tools could we build to help explore different options, and how might these help us execute our ideas across the massive scale demanded by a contemporary typeface? Not content to be a mere set of decorated capitals, our typeface would need 1,400 glyphs spanning both roman and italic styles, bringing its esprit to the most esoteric of punctuation marks and accents.</p>
  1846.  
  1847. <p>Ultimately, Andy&rsquo;s scripts would become an entire suite of proprietary tools for interpreting two-dimensional letterforms as three-dimensional objects, through the application of virtual light sources that vary in position, angle, and intensity. Like the best projects at H&amp;Co, the typeface was shaped not only by exchanges between designer and editor, but by the iterative cycle of what the tools <em>can</em> do, what we <em>need</em> the tools to do, and what the tools turn out to be <em>able</em> to do that we didn&rsquo;t foresee going in. After 53 weeks in development, I&rsquo;m proud to present a project that seemed unattainable just 54 weeks ago: the new <strong>Obsidian&reg;</strong> typeface, from the designers at H&amp;Co.</p>]]>
  1848.    </description>
  1849.    <pubDate>Thu, 22 Jan 2015 12:47:00 +0000</pubDate>
  1850.    <guid>https://www.typography.com/blog/introducing-obsidian#561</guid>
  1851. </item>
  1852.                   <item>
  1853.    <title><![CDATA[Web fonts with Stylistic Sets]]></title>
  1854.    <link>https://www.typography.com/blog/webfonts-with-stylistic-sets</link>
  1855.    <description>
  1856.        <![CDATA[<p><span class="small-caps">In search of the perfect form</span> for each of a font&rsquo;s thousands of characters, typeface designers sometimes encounter questions that have more than one answer. Perhaps a flowery capital <strong class="alternate">Q</strong> captures a font&rsquo;s elegance, but one with a shorter tail is more practical when there&rsquo;s no room for flourish. Perhaps a smart and serious typeface suddenly becomes cool and playful, with a subtle alteration to its lowercase <strong class="alternate">a</strong>. H&amp;Co loves making typefaces that offer different voices, and ones that anticipate and solve problems, which is why we&rsquo;ve long furnished our desktop fonts with alternate characters that offer designers stylistic and functional options. Starting today, <a href="http://www.typography.com/webfonts">Cloud.typography</a> users can achieve this same sophistication on the web, fine-tuning web fonts using a powerful OpenType feature called <em style="font-size: 14px; line-height: 22px;">stylistic sets.</em> Uniquely, we&rsquo;ve implemented this feature so that it works not only in cutting-edge browsers, but in <em style="font-size: 14px; line-height: 22px;">all</em> browsers that support web fonts, so that your typographic preferences can be a fundamental and consistent part of the way you work with type.</p>
  1857.  
  1858. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/webfonts-with-stylistic-sets_responsive-05.svg">
  1859.  
  1860. <p>At its simplest, a stylistic set replaces one character with an alternate form, such as the optional &ldquo;single-storey&rdquo; lowercase <strong class="alternate">a</strong> available in <a href="http://www.typography.com/fonts/gotham/overview/">Gotham</a>, above. Activating this option affects not only the letter itself, but all of its related forms, including the <strong class="alternate">&agrave;</strong> accent seen here. Usefully, Cloud.typography automatically makes this same change across all of a family&rsquo;s styles, a welcome bit of housekeeping in a sixteen-style family like Gotham:</p>
  1861.  
  1862. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/webfonts-with-stylistic-sets_responsive-04.svg">
  1863.  
  1864. <p>These adjustments are known as stylistic <em>sets</em> because they allow related transformations to be grouped together and controlled by a single switch. The &ldquo;curly commas&rdquo; option in the <a href="http://www.typography.com/fonts/whitney/overview/">Whitney</a> typeface affects not only the comma, but the semicolon, and both the open and closed forms of the single quotes, double quotes, and baseline quotes. The ability to manage complex adjustments with a single checkbox makes it easy to ensure consistency across your typography: not everyone would guess that turning on Whitney&rsquo;s flat-sided <strong class="alternate">M</strong> would change not only the capital and small cap forms, but also the symbols for trademark (&trade;) and servicemark (&#8480;).</p>
  1865.  
  1866. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/webfonts-with-stylistic-sets_responsive-03.svg">
  1867.  
  1868. <p>Each of our type families has different stylistic sets, inspired by the natural properties of the design. There are versatile typefaces such as <a href="http://www.typography.com/fonts/surveyor/overview/">Surveyor</a> in which common characters like <strong class="alternate">f</strong> and <strong class="alternate">g</strong> can be dramatically reshaped, straightforward headline faces like <a href="http://www.typography.com/fonts/tungsten-rounded/overview/">Tungsten Rounded</a> that let you fine-tune details as esoteric as the percent sign, and exuberant display faces such as <a href="http://www.typography.com/fonts/landmark/overview/">Landmark</a> that include five different mechanisms for managing accents. Our <a href="http://www.typography.com/faq/question.php?faqID=157">Stylistic Sets FAQ</a> details the things that await you in the H&amp;Co library, a few highlights of which appear below. On behalf of our type designers who devise these characters, and the Cloud.typography team who brought this work to the web, I look forward to seeing what you build with these new tools! &mdash;JH</p>
  1869.  
  1870. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/webfonts-with-stylistic-sets_responsive-02.svg">]]>
  1871.    </description>
  1872.    <pubDate>Tue, 09 Dec 2014 13:00:00 +0000</pubDate>
  1873.    <guid>https://www.typography.com/blog/webfonts-with-stylistic-sets#560</guid>
  1874. </item>
  1875.                   <item>
  1876.    <title><![CDATA[Introducing Quarto]]></title>
  1877.    <link>https://www.typography.com/blog/introducing-quarto</link>
  1878.    <description>
  1879.        <![CDATA[<p class="intro-paragraph">Meet Quarto, a new family of display faces.</p>
  1880.  
  1881. <p><span class="small-caps">Dutch Old Styles</span> are marvelous and versatile typefaces, and one of typography&rsquo;s dominant species. The style, which dates to the late sixteenth century, features a large lowercase, compact descenders, and a dense texture, together making them an excellent choice for setting headlines. We had the opportunity to explore the style when we were commissioned to create an original typeface for <em>Portfolio</em> magazine, a business title launched by Cond&eacute; Nast, and designed by Robert Priest and Grace Lee. From out of this work comes <strong>Quarto&reg;,</strong> a new family of display faces for print and web.</p>
  1882.  
  1883. <p>In reviewing the historical artifacts that served as a foundation for the project, we decided that Quarto should not <em>record</em> this period style, but rather <em>interpret</em> some of its more intriguing and open-ended ideas. In one typeface, created by a Flemish punchcutter 444 years ago, we found a compelling tension between opposing qualities: dark, gothic strokes were offset by bright, crisp serifs; a forest of vertical stems was punctuated by moments of lavish roundness. This controlled tension became a theme for the project, and would serve us when Quarto left history behind &mdash; which would be sooner than usual.</p>
  1884.  
  1885. <p><a href="http://www.typography.com/fonts/quarto/overview/"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/quarto-release_responsive-02-2.svg"></a></p>
  1886.  
  1887. <p>The typeface that inspired Quarto included only a roman alphabet, so beyond the usual effort of designing plausible numbers, punctuation, and symbols, H&amp;Co Senior Designer Sara Soskolne was faced with inventing a sympathetic and historically appropriate italic. (Our Flemish punchcutter, Hendrik van den Keere, worked in a range of styles throughout his career, but apparently never created a single italic.) Also unsupplied by the historical record were any suggestions about how to design additional weights: &ldquo;boldface&rdquo; is a nineteenth century concept, unknown to sixteenth century typefounders, and one of the reasons that contemporary Old Style faces often have either a small range of weights, or none at all. Quarto pushes beyond bold into <em>black,</em> offering a spectrum of styles that preserves the design&rsquo;s fire and intensity throughout.</p>]]>
  1888.    </description>
  1889.    <pubDate>Mon, 10 Nov 2014 09:30:00 +0000</pubDate>
  1890.    <guid>https://www.typography.com/blog/introducing-quarto#553</guid>
  1891. </item>
  1892.                   <item>
  1893.    <title><![CDATA[Toward a Philosophy of Web fonts: A Lecture at Beyond Tellerrand, Berlin]]></title>
  1894.    <link>https://www.typography.com/blog/toward-a-philosophy-of-webfonts-beyond-tellerrand-2014</link>
  1895.    <description>
  1896.        <![CDATA[<p><span class="small-caps" style="font-size: 14px; line-height: 22px;">If you&rsquo;ll be in Berlin next week,</span> I hope you&rsquo;ll join me and my fellow speakers for <a href="http://beyondtellerrand.com/berlin-2014/">Beyond Tellerrand,</a>&nbsp;the design technology conference that&rsquo;s quickly become a favorite locus for interesting design thinking. Equal measures of visual design and web technology always combine for an inspiring and provocative couple of days.</p>
  1897.  
  1898. <p>I&rsquo;ll be talking about web fonts, and a critical framework that I&rsquo;ve found useful in understanding their intentions and assessing their quality. And if all goes well this week, I&rsquo;m hoping to have the opportunity to introduce some new features that we&rsquo;re developing for Cloud.typography, our second such announcement this month. &mdash;JH</p>]]>
  1899.    </description>
  1900.    <pubDate>Wed, 29 Oct 2014 17:48:00 +0000</pubDate>
  1901.    <guid>https://www.typography.com/blog/toward-a-philosophy-of-webfonts-beyond-tellerrand-2014#557</guid>
  1902. </item>
  1903.                   <item>
  1904.    <title><![CDATA[Cloud.typography Browser Support Now Goes to 11]]></title>
  1905.    <link>https://www.typography.com/blog/browser-support-goes-to-11</link>
  1906.    <description>
  1907.        <![CDATA[<p><span class="small-caps">Cloud.typography is designed</span> to identify the type of browser viewing a web page, and to respond with exactly the right kind of fonts. This offers advantages in terms of both render quality and filesize: IE6 for Windows gets the additional help it needs to render small type crisply, and Safari for iOS gets fonts that aren&rsquo;t encumbered by excess data. Now, we&rsquo;ve supplemented Cloud.typography&rsquo;s long list of browsers and font types with a safety net, designed to deliver industry-standard <span class="small-caps">woff</span> files to any browser it doesn&rsquo;t recognize. As a result, you&rsquo;ll now see web fonts in new places, from the browser built into the Google app for iOS, to the preview tool inside <a href="http://panic.com/coda/">Coda</a>, the great web development app from Panic.</p>
  1908.  
  1909. <p>Best part: there&rsquo;s nothing you need to do. All of these updates are already online, and delivering for every Cloud.typography project. Enjoy! &mdash;NW</p>]]>
  1910.    </description>
  1911.    <pubDate>Mon, 27 Oct 2014 09:57:00 +0000</pubDate>
  1912.    <guid>https://www.typography.com/blog/browser-support-goes-to-11#556</guid>
  1913. </item>
  1914.                   <item>
  1915.    <title><![CDATA[What’s Cooking]]></title>
  1916.    <link>https://www.typography.com/blog/whats-cooking</link>
  1917.    <description>
  1918.        <![CDATA[<p><span class="small-caps">If you&rsquo;ve ever dated a graphic designer,</span> this has likely happened to you. You&rsquo;re seated comfortably at a charming restaurant, presented with menus, and you watch as your companion scans up and down the entr&eacute;es. Menus are flipped over, brows furrow; eyeglasses are lifted as eyes squint at the details. You catch an occasional &ldquo;huh&rdquo; that suggests the discerning judgment of the true connoisseur, and think you&rsquo;re in for a treat. &ldquo;See anything you like?&rdquo; you ask innocently. &ldquo;I like the italic small caps on the wine list,&rdquo; comes the response, &ldquo;but they used Arial for the bottom two lines.&rdquo; It&rsquo;s amazing we get invited anywhere.</p>
  1919.  
  1920. <p>Lunchtime at H&amp;Co tends to provoke these conversations, and with no civilians in attendance, we&rsquo;re free to nerd out. We&rsquo;ve been thinking a lot recently about the different typographic idioms that restaurants use to telegraph what&rsquo;s in store &mdash; how the folksy barbecue joint distinguishes itself from the faux French bistro, or the more-Brooklyn-than-Brooklyn sandwich shop &mdash; and have been looking for ways to help designers communicate a restaurant&rsquo;s culture without resorting to shopworn clich&eacute;s. No wood type with the pulled pork, or <em>belle epoque</em> frippery with the poached eggs: you can definitely use modern, relevant, and satisfying typography, and still set the right tone.</p>
  1921.  
  1922. <p><a href="http://discover.typography.com/theme/save-the-date/"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/discover_save-the-date_4040px-2.png"></a></p>
  1923.  
  1924. <p>You&rsquo;ll find a few of our suggestions at <a href="http://discover.typography.com/theme/whats-cooking/">What&rsquo;s Cooking</a>, a collection of thirteen typographic menus (plus a few <em>amuse-bouches</em>), today at Discover.typography. These autumnal settings are a follow-up to <a href="http://discover.typography.com/theme/save-the-date/">Save the Date</a>, our summertime celebration of the invitations that turn into cherished keepsakes once the first chill of fall enters the air. We hope you&rsquo;ll enjoy them both. &mdash;JH</p>]]>
  1925.    </description>
  1926.    <pubDate>Mon, 20 Oct 2014 19:40:00 +0000</pubDate>
  1927.    <guid>https://www.typography.com/blog/whats-cooking#555</guid>
  1928. </item>
  1929.                   <item>
  1930.    <title><![CDATA[New from H&Co: Tungsten Rounded]]></title>
  1931.    <link>https://www.typography.com/blog/new-from-hco-tungsten-rounded</link>
  1932.    <description>
  1933.        <![CDATA[<p><span class="small-caps">There&rsquo;s a wonderful materiality</span> about rounded letters. Their lighter weights have an engineered quality: for me, they always bring to mind the controlled movements of a router, steadily cutting channels in brass or steel and leaving behind a spray of metal shavings. Their heavier weights are the stuff of the roadside, both the vacuform plastic letters that advertise gas stations and motels, and the painted signs that herald this week&rsquo;s prices for groceries or liquor. Applying these tactile qualities to our suave Tungsten family gives us <strong>Tungsten Rounded</strong>, a new family of six fonts that&rsquo;s at once earnest, energetic, and wry.</p>
  1934.  
  1935. <p>A common dilemma when working with rounded typefaces is what to do when two adjacent letters overlap. For the signpainter, the tiny divet created by two intersecting curves is quickly dispatched with a brush, but the letters in a typeface usually go unsupervised:</p>
  1936.  
  1937. <p><a href="http://www.typography.com/fonts/tungsten-rounded/overview/"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-rounded-release_responsive-03.svg"></a></p>
  1938.  
  1939. <p>In Tungsten Rounded&rsquo;s heaviest weights, we addressed this problem with a set of 151 alternate characters, designed to interact in more predictable ways. An OpenType feature automatically engages these characters when needed, to ensure that all of the 548 potential collisions are managed correctly, from common pairs like <strong class="alternate">AX</strong>, to truly exotic ones such as <strong class="alternate">K&AElig;</strong>.</p>
  1940.  
  1941. <p><a href="http://www.typography.com/fonts/tungsten-rounded/overview/"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-rounded-release_responsive-02.svg"></a></p>]]>
  1942.    </description>
  1943.    <pubDate>Mon, 14 Jul 2014 21:24:00 +0000</pubDate>
  1944.    <guid>https://www.typography.com/blog/new-from-hco-tungsten-rounded#548</guid>
  1945. </item>
  1946.                   <item>
  1947.    <title><![CDATA[Football as Football]]></title>
  1948.    <link>https://www.typography.com/blog/football-as-football</link>
  1949.    <description>
  1950.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/football_as_football_500.png">
  1951.  
  1952. <p>As the World Cup winds down, many Americans will turn from the excitement and agony of football to another beloved pastime: football. <em>American</em> football, to be precise. This year, six Minneapolis co-workers have combined these obsessions with their love of design into a single experience called <em><a href="http://www.footballasfootball.com/">Football as Football</a></em>, which reimagines the logos of American football teams in the heraldic language of the great European football clubs. Watch as the mascots and monograms of the NFL take on German, English, Spanish and Italian accents: the design is both hilarious and spot-on.</p>
  1953. <!--<aside class="sidebar-content">
  1954. <p>Made something special using Cloud.typography? <a href="https://twitter.com/hoeflerco">Let us know!</a></p>
  1955. </aside>-->
  1956.  
  1957. <p>While the crests are the star of the show, their designers lavished just as much care and attention on the site that presents them. &ldquo;We wanted a brand for the project to wrap around the experience,&rdquo; said Garrick Willhite, one member of the team. &ldquo;We started with an icon, that lead to a logo, that guided the overall look and feel.&rdquo; To support its vivid and varied imagery &mdash; and typography that includes fonts as far afield as <a href="http://www.typography.com/fonts/gotham/overview/">Gotham</a> and <a href="http://www.typography.com/fonts/hoefler-text/overview/">Hoefler Text</a> &mdash; the team chose our <a href="http://www.typography.com/fonts/knockout/overview/">Knockout</a> family to use for the site&rsquo;s web fonts. Originally inspired by sports ephemera, Knockout&rsquo;s strong and athletic character makes it an apt choice for the project, and applied in a studied and subdued way, it supports the art instead of competing with it &mdash; just as a good team player should. &mdash;NW</p>]]>
  1958.    </description>
  1959.    <pubDate>Thu, 10 Jul 2014 10:00:00 +0000</pubDate>
  1960.    <guid>https://www.typography.com/blog/football-as-football#547</guid>
  1961. </item>
  1962.                   <item>
  1963.    <title><![CDATA[Thank You!]]></title>
  1964.    <link>https://www.typography.com/blog/thank-you</link>
  1965.    <description>
  1966.        <![CDATA[<p><span class="small-caps">One of the great joys</span> of designing typefaces is seeing them in the wild, and discovering what new voices people have coaxed out of your work. A year ago today, we launched Cloud.typography, and had no idea that we&rsquo;d be presented with these delights so deeply, so rapidly, and so often: for twelve months, we&rsquo;ve watched designers sign up for the service one day, build things the next, and deploy their sites the following morning. We&rsquo;ve seen our letters come to life in ways we&rsquo;d never imagined, on the sites we use every day, and in new settings that push the boundaries of possibility. It&rsquo;s been a deeply gratifying experience for everyone who worked to build Cloud.typography, so we owe you our thanks for making our work a part of yours.</p>
  1967.  
  1968. <p><span class="small-caps">Thank you</span> to the designers and developers who have put Cloud.typography to the test, using all the features we labored over, and reaching deep into the furthest recesses of our font library. Thank you to the organizations who have trusted their communications to our fonts, from the institutions who use our web fonts to bring their identities online, to the new businesses who have found their voice using H&amp;Co fonts. Thank you all for a wonderful first year together &mdash; we are so looking forward to the next! &mdash;JH</p>]]>
  1969.    </description>
  1970.    <pubDate>Tue, 01 Jul 2014 09:01:00 +0000</pubDate>
  1971.    <guid>https://www.typography.com/blog/thank-you#546</guid>
  1972. </item>
  1973.                   <item>
  1974.    <title><![CDATA[New from H&Co: Nitro & Turbo]]></title>
  1975.    <link>https://www.typography.com/blog/new-from-hco-nitro-turbo</link>
  1976.    <description>
  1977.        <![CDATA[<p><span class="small-caps">In contrast to our last release,</span> a hundred-style family inspired by tiny engravings on vintage maps, today we&rsquo;re introducing a two-style family of forward-looking, stadium-sized letters: meet&nbsp;<strong>Nitro &amp; Turbo.</strong></p>
  1978.  
  1979. <p>The irrepressibly energetic Nitro grew out of a commission from Michael Bierut at Pentagram, to create an original typeface for the New York Jets. An unusual project, Nitro started not with a moderate weight roman, but with a black italic, usually the most peripheral member of a type family. Instinctively we felt that Nitro could benefit from a companion design, but what? What additional style could offer a visual counterpoint, while sharing the design&rsquo;s explosive energy and unstoppable momentum?</p>
  1980.  
  1981. <p>In place of a companion roman or a set of lighter weights, we decided to explore one of typography&rsquo;s less obvious directions: the backslant. Like every project that begins with an unvoiced &ldquo;how hard can it be?&rdquo;, the answer came back, &ldquo;harder than you think.&rdquo; Backslants are eye-catching because they confound expectations, but tricky to draw because they go against the natural motion of the hand, the pen, and the alphabet itself, making them a design challenge as formidable as it is irresistible.</p>
  1982.  
  1983. <p>The result of the project is two fonts, the forward-leaning Nitro, and the backward-leaning Turbo. Both fonts have the versatility of a good hot pepper: they add a useful dash of fire to a surprisingly wide range of recipes, and in the right setting, they&rsquo;re fantastic on their own.</p>]]>
  1984.    </description>
  1985.    <pubDate>Tue, 03 Jun 2014 09:00:00 +0000</pubDate>
  1986.    <guid>https://www.typography.com/blog/new-from-hco-nitro-turbo#544</guid>
  1987. </item>
  1988.                   <item>
  1989.    <title><![CDATA[A New Way to Discover Typography]]></title>
  1990.    <link>https://www.typography.com/blog/a-new-way-to-discover-typography</link>
  1991.    <description>
  1992.        <![CDATA[<p class="intro-paragraph">Something new from the designers at H&amp;Co.</p>
  1993.  
  1994. <p><span class="small-caps">A font&rsquo;s shapes might be designed,</span> but its personality is discovered. It&rsquo;s only in its natural habitat, surrounded by other typefaces, that a font truly develops a unique voice. For the designers at Hoefler&amp;Co, designing <em>with</em> a font &mdash; even while it&rsquo;s still being drawn &mdash; is a vital part of the creative process: seeing how a font performs, especially in the company of other typefaces, helps us better understand its character, articulate its purpose, and perfect its voice.</p>
  1995.  
  1996. <p><a href="http://discover.typography.com"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/discover_wanderlust_responsive_ol.svg"></a></p>
  1997.  
  1998. <p>Starting today, we&rsquo;re going to be sharing some of these explorations on a new site at <a href="http://discover.typography.com">Discover.typography.com</a>. You&rsquo;ll find typography that&rsquo;s inspired by the things that delight us, and typography that reveals the techniques we&rsquo;ve learned for achieving different moods. Discover.typography is a new way to experience type, an environment that makes it easy to identify typefaces, see them up close, and get to know their many subtleties. Check it out, on your phone, tablet, or computer, and let us know what you think! &mdash;JH</p>]]>
  1999.    </description>
  2000.    <pubDate>Wed, 14 May 2014 05:01:00 +0000</pubDate>
  2001.    <guid>https://www.typography.com/blog/a-new-way-to-discover-typography#541</guid>
  2002. </item>
  2003.                   <item>
  2004.    <title><![CDATA[Use Fonts on iOS!]]></title>
  2005.    <link>https://www.typography.com/blog/use-fonts-on-ios</link>
  2006.    <description>
  2007.        <![CDATA[<p class="intro-paragraph">Now you can <em>install</em> H&amp;Co fonts on your iPhone and iPad, and use them in applications that support fonts.</p>
  2008.  
  2009. <p><span class="small-caps">Great mobile apps</span> like Pages, Numbers, and Keynote make it easier than ever to use your iPad and iPhone not just to consume content, but to create it. Typography, a long-missing piece of the puzzle, just got a lot better: starting today, your iOS 7 devices can use all the Hoefler&amp;Co fonts you&rsquo;ve ever purchased, and you can install them directly from this site. <strong>Free.</strong></p>
  2010.  
  2011. <p>Using Safari on your iPad or iPhone, head over to your <a href="https://www.typography.com/account/your-account.php#font-library">Font Library</a> page. You&rsquo;ll see a list of fonts you&rsquo;ve licensed for your computer, each with an <span class="small-caps">add to device</span> link that installs them directly into your mobile device. Managing fonts on iOS is easy &mdash; you&rsquo;ll find more information about it in our <a href="http://www.typography.com/faq/question.php?faqID=156">FAQ</a>. Enjoy!</p>
  2012.  
  2013. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hco_fonts_for_ipad_final.png">]]>
  2014.    </description>
  2015.    <pubDate>Tue, 06 May 2014 14:40:00 +0000</pubDate>
  2016.    <guid>https://www.typography.com/blog/use-fonts-on-ios#538</guid>
  2017. </item>
  2018.                   <item>
  2019.    <title><![CDATA[USPS Stamps]]></title>
  2020.    <link>https://www.typography.com/blog/usps-stamps</link>
  2021.    <description>
  2022.        <![CDATA[<p><span class="small-caps">Even when &ldquo;communications&rdquo;</span> meant an e-mail campaign delivered to 317 readers, <a href="http://journeygroup.com">Journey Group</a> of Charlottesville, VA recognized that stamps have a story to tell &mdash; and not just to collectors. Stamps are built on typography, making the web a natural place to share their rich visual heritage, and making web fonts an important part of the experience.</p>
  2023.  
  2024. <p>Though postage stamps can pass unnoticed, their typography is wonderfully playful, and the new <a href="http://uspsstamps.com">USPS Stamps</a> website strikes this balance with aplomb. It delights readers with its typographic grace and wit, but relies on web fonts to perform in a diverse set of circumstances, accompanying an unforeseeable collection of images, and rendering seamlessly across all the browsers used by the site&rsquo;s vast audience.</p>
  2025.  
  2026. <p>For the site&rsquo;s typography, Journey Group chose our Verlag and Chronicle web fonts. Instead of merely styling the site&rsquo;s headlines, they implemented web fonts for <em>all</em> of the site&rsquo;s type, using <a href="http://www.typography.com/fonts/verlag/overview/">Verlag</a> for both headlines and annotations, and <a href="http://www.typography.com/fonts/chronicle-text/webfonts/chroniclessm-book">Chronicle ScreenSmart</a> for text. Using a <a href="http://www.typography.com/cloud/the-fonts/index.php#screensmart-fonts">ScreenSmart</a> font ensured that the site&rsquo;s text would maintain its visual integrity at even the smallest sizes, so that all of the site&rsquo;s readers are presented with crisp, legible type.</p>
  2027.  
  2028. <p>&ldquo;I&rsquo;ve always admired Verlag for its modernist swagger,&rdquo; said Senior Designer Seth Nickerson. &ldquo;My feeling was that it could carry a page when needed, but also be objective enough to live comfortably with disparate elements, without looking out of place. Chronicle ScreenSmart seemed the obvious choice to pair with it: it has a crispness that matches Verlag, and just seemed to invite long-form reading when we looked at it in the design, which is paramount.&rdquo;</p>
  2029.  
  2030. <p>The site&rsquo;s typographic sophistication goes far beyond its palette. CSS transforms and <a href="http://uspsstamps.com/stories/remembering-ellison">subtle animations</a> play a gentle but effective role in bringing the type to life, and the site is filled with gracious nods to philately (including our favorite, the perforated edge in the main nav.)</p>
  2031.  
  2032. <p>We&rsquo;re proud to feature Journey Group&rsquo;s work for the USPS as our first profile of a website using Cloud.typography. When we return, we&rsquo;ll introduce you to a site that uses meticulous type and illustrations to strike the right tone for an international company. In the meantime, if you&rsquo;ve made something special that uses Cloud.typography, let us know: we&rsquo;re on Twitter at <a href="https://twitter.com/HoeflerCo">@HoeflerCo</a>. &mdash;NW</p>]]>
  2033.    </description>
  2034.    <pubDate>Mon, 31 Mar 2014 14:00:00 +0000</pubDate>
  2035.    <guid>https://www.typography.com/blog/usps-stamps#526</guid>
  2036. </item>
  2037.                   <item>
  2038.    <title><![CDATA[Introducing Surveyor]]></title>
  2039.    <link>https://www.typography.com/blog/introducing-surveyor</link>
  2040.    <description>
  2041.        <![CDATA[<p class="intro-paragraph">We&rsquo;re delighted to introduce Surveyor, a new family of fonts for print and web, and sizes large and small.</p>
  2042.  
  2043. <p><span class="small-caps">I love maps, and not just for their vintage charm.</span> I admire them as highly functional pieces of design, packing extraordinary amounts of information into small spaces, and invisibly educating readers about how they&rsquo;re meant to be read. Spend a few moments with a map, and you&rsquo;ll find that you&rsquo;ve learned to distinguish counties, cities, and towns by the styles of type they use, without ever checking the legend. And these are just three of a typical map&rsquo;s two dozen styles of lettering.</p>
  2044.  
  2045. <p><strong>Surveyor&reg;</strong> is a new family of fonts inspired by the traditional mapmaker&rsquo;s letter. It revives a style of lettering that&rsquo;s unique to cartography, one that evolved in the early nineteenth century and endured for as long as maps were printed by engraving. Beyond reviving the shapes of these alphabets, Surveyor celebrates what maps do best, by providing an expressive typographic vocabulary to help designers articulate many different kinds of information. A peek at Surveyor&rsquo;s <a href="http://www.typography.com/fonts/surveyor/styles/">style list</a> hints at what&rsquo;s possible.</p>
  2046.  
  2047. <p><a href="http://www.typography.com/fonts/surveyor/overview/"><img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/surveyor-release_responsive-02.svg"></a></p>
  2048.  
  2049. <p>We&rsquo;ve designed Surveyor in three optical sizes: a Text version for body copy, a Display cut for headlines, and a Fine for sizes larger still. Surveyor goes beyond the mapmaker&rsquo;s roman and italic by including five weights, each of them outfitted with both roman and italic small caps, swash caps, and swash small caps. In its Text size, Surveyor features tabular figures, fractions, and symbols, to help it conquer the most demanding content. And for Cloud.typography users, we&rsquo;ve created Surveyor ScreenSmart, a family of web fonts for text that contains all of these advanced typographic features, engineered to work in the browser at sizes as small as nine pixels.</p>]]>
  2050.    </description>
  2051.    <pubDate>Tue, 25 Mar 2014 12:00:00 +0000</pubDate>
  2052.    <guid>https://www.typography.com/blog/introducing-surveyor#522</guid>
  2053. </item>
  2054.                   <item>
  2055.    <title><![CDATA[The Making of Neon Signs]]></title>
  2056.    <link>https://www.typography.com/blog/the-making-of-neon-signs</link>
  2057.    <description>
  2058.        <![CDATA[<p><span class="small-caps">Every neon sign</span> has a &ldquo;start and stop position,&rdquo; a point on each letter where a tube begins and ends. I&rsquo;ve just learned how a signmaker chooses this point, and it&rsquo;s something I&rsquo;d never have guessed. It is fascinating.</p>
  2059.  
  2060. <p>It&rsquo;s nothing to do with a letter&rsquo;s traditional form, or its cultural dimensions. These are the first ways that neon speaks to us, whether it&rsquo;s the plainspoken sans serif on a liquor store or the elaborate fantasy of a Las Vegas casino. In <em>The Making of Neon Signs,</em> an eleven minute film produced by Cpak Studio for M+, Hong Kong&rsquo;s museum for visual culture, we&rsquo;re introduced to a craftsman who first approaches signs from the their cultural angle: the bank that wants something honest, the restaurant that wants a simple semi-cursive script, or the sports club that uses the strong and powerful Northern Wei style. But none of this affects a letter&rsquo;s start and stop position.</p>
  2061.  
  2062. <p>It also has nothing to do with neon&rsquo;s visual aspects, how single-line letters work in small sizes, but different kinds of intricate doubling are used as letters get larger. Nor does it have to do with the physical considerations of the medium, the ways that inert gases combine with different kinds of colored glass to produce efflorescence, or the ways that glass can bend, or the order in which pieces can be attached. Even as I watched men without gloves hold incandescent glass rods over an 800&deg;C flame, the obvious didn&rsquo;t occur to me, which is this: you design the letter so that it&rsquo;s possible to bend it into shape without burning your hands.</p>
  2063.  
  2064. <p>There are other great moments in the film that I won&rsquo;t spoil, and some terrific footage of vintage sign maquettes that designers will love. Spend eleven minutes with it today. &mdash;JH</p>]]>
  2065.    </description>
  2066.    <pubDate>Sun, 23 Mar 2014 15:22:00 +0000</pubDate>
  2067.    <guid>https://www.typography.com/blog/the-making-of-neon-signs#524</guid>
  2068. </item>
  2069.                   <item>
  2070.    <title><![CDATA[Fonts by Hoefler&Co]]></title>
  2071.    <link>https://www.typography.com/blog/fonts-by-hoefler-co</link>
  2072.    <description>
  2073.        <![CDATA[<p class="intro-paragraph">We&rsquo;re marking the change to H&amp;Co with some updates to our font library, some new features on the site, and some good news for app developers.</p>
  2074.  
  2075. <h2>Improved mobile fonts</h2>
  2076.  
  2077. <p>We&rsquo;ve remastered all 1,094 fonts in our library to deliver even more consistent performance across desktop, web, and mobile environments. In the past, we&rsquo;d supplied app developers with special &ldquo;mobile&rdquo; versions of fonts built for iOS and Android &mdash; but starting today, any fonts you purchase for your computer will be the same ones you&rsquo;ll use when developing mobile apps.</p>
  2078.  
  2079. <h2>Free updates for desktop fonts</h2>
  2080.  
  2081. <p>We&rsquo;re building a new feature for the site that makes it easy to download your past purchases any time you need them, and to ensure that you always have the latest versions of our fonts. Today we&rsquo;re rolling this out to our Cloud.typography subscribers, and soon we&rsquo;ll be making it available to everyone. If you&rsquo;re a Cloud user, log in and go to <a href="https://www.typography.com/account/your-account.php#font-library">Your Font Library</a> under the &ldquo;Welcome&rdquo; menu, and you&rsquo;ll be able to see your entire font collection, and download the latest versions of any fonts you&rsquo;ve licensed for your computer.</p>
  2082.  
  2083. <h2>Streamlined app development</h2>
  2084.  
  2085. <p>We&rsquo;ve changed our licenses to make life a little easier for app developers. In the past, developers needed two kinds of licenses: an End-User License to use fonts on their computers, and a separate App License to embed these fonts in their apps. We&rsquo;ve rewritten our EULA so that anyone buying a computer license can now use these fonts to <em>develop</em> apps, without any separate paperwork &mdash; and once you&rsquo;ve designed your app, publish it using these same fonts with an <a href="https://www.typography.com/apps">App.typography</a> subscription, from just $299.</p>
  2086.  
  2087. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Apps-using-HoeflerCo-Fonts_4-750.png">
  2088.  
  2089. <p>We&rsquo;d like to thank all the designers and developers who&rsquo;ve made our typefaces a part of your fantastic work. As people who are obsessed with designing fonts to solve problems, we love seeing all the ways you&rsquo;ve used our fonts to improve familiar experiences, and create entirely new ones. We can&rsquo;t wait to see what&rsquo;s coming next. &mdash;JH</p>]]>
  2090.    </description>
  2091.    <pubDate>Tue, 18 Mar 2014 13:21:00 +0000</pubDate>
  2092.    <guid>https://www.typography.com/blog/fonts-by-hoefler-co#520</guid>
  2093. </item>
  2094.                   <item>
  2095.    <title><![CDATA[New at Typography.com]]></title>
  2096.    <link>https://www.typography.com/blog/new-at-typography-dot-com</link>
  2097.    <description>
  2098.        <![CDATA[<p class="intro-paragraph">We&rsquo;re starting off the new month with some enhancements to site, and some good news for web developers. Here&rsquo;s what&rsquo;s happening.</p>
  2099.  
  2100. <h2>Answers: Search and FAQ</h2>
  2101.  
  2102. <p>We took the occasion of writing a new <a href="http://www.typography.com/faq/category.php?topicID=16">Web font FAQ</a> to polish up our site search tools: you&rsquo;ll find both resources available <a href="http://www.typography.com/faq/">here</a>. In addition to some guided tours of topics like <a href="http://www.typography.com/faq/category.php?topicID=10">licensing</a> and <a href="http://www.typography.com/faq/category.php?topicID=9">troubleshooting</a>, you&rsquo;ll find updated answers to questions about <a href="http://www.typography.com/faq/question.php?faqID=147">publishing apps</a>, <a href="http://www.typography.com/faq/question.php?faqID=16">making PDFs</a>, and more. Since the tool searches across the entire site, look for some colorful surprises, in case you just happen to be searching for <a href="http://www.typography.com/blog/his-name-was-almost-legion">poodle&rsquo;s paws</a>, <a href="http://www.typography.com/blog/a-secret-universe-in-your-desk-drawer">lightning bolts</a>, <a href="http://www.typography.com/blog/hco-crime-fighting-division">Tupac Shakur</a>, <a href="http://www.typography.com/blog/the-voynich-manuscript">Zipf&rsquo;s Law</a>, or any of the <em>three</em> places we mentioned <a href="http://www.typography.com/search/?searchString=mcqueen">Steve McQueen</a>, which science can&rsquo;t explain.</p>
  2103.  
  2104. <h2>Larger Desktop Licenses</h2>
  2105.  
  2106. <p>We&rsquo;ve been delighted to see organizations of every size adopt <a href="http://www.typography.com/webfonts">Cloud.typography</a>, from independent developers subscribing at $199 to high-traffic websites who measure visitors in the billions. In keeping with the range of <em>web font</em> subscriptions we offer, today we&rsquo;re expanding the range of <em>desktop</em> licenses that can be purchased online: starting today, you can license fonts online for as many as 250 computers. As always, our <a href="http://www.typography.com/about/contact.php">sales office</a> is happy to assist organizations who need even bigger licenses. Drop us a line.</p>
  2107.  
  2108. <h2>Web font Domains</h2>
  2109.  
  2110. <p>One of Cloud.typography&rsquo;s highlights is that it lets you deliver web fonts to an <a href="http://www.typography.com/cloud/user-guide/managing-domains">unlimited number of domains</a>. We&rsquo;ve heard from designers who enable a single domain such as <em>example.com</em> that traffic to <em>www.</em>example.com is blocked, because the <em>www</em> hasn&rsquo;t been explicitly included. Starting today, every time you add a domain, the <em>www</em> subdomain is automatically whitelisted, and vice versa: adding <em>www.</em>example.com whitelists <em>example.com</em> as well. If you&rsquo;re grappling with an especially gruesome list of subdomains, you can use the asterisk as a wild card to authorize them all, by adding <strong class="alternate">*</strong>.example.com. There&rsquo;s more about this in the <a href="http://www.typography.com/cloud/user-guide/">Cloud.typography User Guide</a>.</p>
  2111.  
  2112. <h2>We&rsquo;re hiring!</h2>
  2113.  
  2114. <p>The best news of all: <a href="http://www.typography.com/about/careers.php">we&rsquo;re hiring</a>! With Cloud.typography up and running, and the next generation of web applications in the works, it&rsquo;s a great time to join a small and dedicated team of obsessives, and to build things for an audience who appreciates good design. This is a full-time position in our New York office, open to US citizens and others with authorization to work in the US. <a href="http://twitter.com/home?status=Hey NYC software engineers: @HoeflerCo is hiring: http://www.typography.com/about/careers.php">Tell your friends</a>. &mdash;JH</p>]]>
  2115.    </description>
  2116.    <pubDate>Mon, 04 Nov 2013 16:00:00 +0000</pubDate>
  2117.    <guid>https://www.typography.com/blog/new-at-typography-dot-com#473</guid>
  2118. </item>
  2119.                   <item>
  2120.    <title><![CDATA[Fonts For The Web: Two Lectures by Jonathan Hoefler, November 2 & 14]]></title>
  2121.    <link>https://www.typography.com/blog/fonts-for-the-web</link>
  2122.    <description>
  2123.        <![CDATA[<p><span class="small-caps">What makes a good web font?</span> Before we wrote the first line of code for <a href="http://www.typography.com/webfonts">Cloud.typography</a>, or lit the first pixel of our first <a href="http://www.typography.com/cloud/the-fonts/index.php#screensmart-fonts">ScreenSmart</a> font, we began the search for a solution to this riddle. The answers are unexpected: a good web font is more than just legible, and more than just attractive, and some provocative solutions come from some unexpected places. Web fonts can learn a lot from nineteenth century engraved maps, twentieth century dictionaries, and twenty-first century authors.</p>
  2124.  
  2125. <p>If you&rsquo;re in New York this month, join me at <a href="http://nyc.ampersandconf.com">Ampersand NYC</a> this Saturday, November 2, or at a special lecture for <a href="http://aigany.org/events/fonts-for-web-with-jonathan-hoefler">AIGA/NY</a> on November 14, for an exploration of what constitutes fine typography on the web. I&rsquo;ll be sharing a behind-the-scenes look at how we brought our library of fonts to the web, and some new ways of looking at type that are useful for every cross-disciplinary designer. &mdash;JH</p>]]>
  2126.    </description>
  2127.    <pubDate>Mon, 28 Oct 2013 10:03:00 +0000</pubDate>
  2128.    <guid>https://www.typography.com/blog/fonts-for-the-web#472</guid>
  2129. </item>
  2130.                   <item>
  2131.    <title><![CDATA[Making One’s Own]]></title>
  2132.    <link>https://www.typography.com/blog/making-ones-own</link>
  2133.    <description>
  2134.        <![CDATA[<p><span class="small-caps">&ldquo;I never wanted to draw typefaces,</span> I wanted to <em>have</em> typefaces.&rdquo; I found myself uttering these words to a <a href="http://www.typography.com/blog/hco-the-video">filmmaker</a> this past spring, who shared them first with an audience of <a href="http://www.typography.com/blog/hco-awarded-the-2013-aiga-medal">design luminaries</a>, and then with the entire internet. It&rsquo;s a strange sentiment, but one that&rsquo;s familiar to anyone who makes things: as a designer, I couldn&rsquo;t find the tools I needed, so I made my own. I designed typefaces to fill measurable holes in my palette, and to help me do things that other fonts couldn&rsquo;t. As it turned out, the business of identifying these opportunities and inventing things to satisfy them became a project unto itself, which is how this company came to be, working to create the typefaces that help designers do more.</p>
  2135.  
  2136. <p>My work at Hoefler&amp;Co gives me the chance to contribute not only to the fonts themselves, but to a range of communications that use them, from paper invoices to type specimens to web applications. Each of these projects invites different ways of using type, and each raises different questions about what kinds of tools might help designers like us do our jobs more effectively. As someone who came to design through programming, I especially love the web: I find it satisfying to experience and rewarding to design for, even if I&rsquo;m impatient with the pace of its growth as a typographic medium. Having outgrown an infancy of core web fonts that were high in quality but few in number, the web moved squarely into its adolescence, full of exuberant but badly behaved fonts that have yet to live up to their potential. Most web fonts are hard to read at text sizes, especially on Windows. Type is often broken, congested, or muddy; font families available for the web regularly include styles that are untenable on the screen. Indispensable tools like <span class="small-caps">small caps</span> and tabular figures have been ignored, limiting the ways in which designers can organize and articulate information. In response to these challenges, and in keeping with our tradition of helping designers solve problems, we created <a href="http://www.typography.com/webfonts">Cloud.typography</a>, a web font solution for design professionals. Like the fonts themselves, Cloud.typography is a tool, built to provide everything you need to create online experiences with the level of quality you&rsquo;ve come to expect from us.</p>
  2137.  
  2138. <blockquote class="pullquote">Typefaces are designed to solve problems. A good web font should take on the biggest challenges of all.</blockquote>
  2139.  
  2140. <p>Our goal wasn&rsquo;t just to port our library of fonts to the web, but to create a new typography that suits this medium &mdash; not just fonts <em>on</em> the web, but fonts <em>for</em> the web. These are our <a href="http://www.typography.com/cloud/the-fonts/index.php#screensmart-fonts">ScreenSmart</a> fonts, designed from the pixel up, and built to perform at text sizes as small as <a href="http://www.typography.com/fonts/gotham/webfonts/gothamssm-book/">nine pixels</a>. One rewarding milestone in designing a typeface is getting to use it yourself, which we&rsquo;re doing today: the redesigned blog you&rsquo;re reading features three of our new ScreenSmart families (<a href="http://www.typography.com/fonts/mercury-text/styles/screensmart">Mercury SSm</a>, <a href="http://www.typography.com/fonts/whitney/styles/screensmart/">Whitney SSm</a>, and <a href="http://www.typography.com/fonts/gotham/styles/screensmart/">Gotham SSm</a>) as well as our multipurpose <a href="http://www.typography.com/fonts/sentinel/overview/">Sentinel</a> family for headlines. ScreenSmart fonts give us the opportunity to be as expressive online as we are in print, and Cloud.typography ensures that this same experience is delivered to readers on all browsers and all platforms. We&rsquo;ve taken the opportunity to rework all six years&rsquo; worth of blog entries, to take advantage of all things we can now do with Cloud.typography: jump in and you&rsquo;ll find exotic <a href="http://www.typography.com/blog/house-of-flying-reference-marks">punctuation marks</a>, extended <a href="http://www.typography.com/blog/the-living-glagolitic">accent sets</a>, obscure and typographically complex <a href="http://www.typography.com/blog/the-hco-institute-for-unapplied-mathematics">numbers</a>, unexpected <a href="http://www.typography.com/blog/adventures-in-kerning-part-ii">kerning pairs</a>, and letters brought back from <a href="http://www.typography.com/blog/happy-typographic-holidays">extinction</a> &mdash; all rendered using ScreenSmart fonts that are specifically designed for online text. These are the tiny moments in which a good web font shines, and where typography proves its value to authors, designers, and readers.</p>
  2141.  
  2142. <p>The launch of Cloud.typography means a return to the blog, which has long been dormant while we&rsquo;ve worked to complete this four-year project. There&rsquo;s much to discuss, and a <em>lot</em> of surprises from us in store: I hope you&rsquo;ll keep us bookmarked. &mdash;JH</p>]]>
  2143.    </description>
  2144.    <pubDate>Mon, 21 Oct 2013 11:00:00 +0000</pubDate>
  2145.    <guid>https://www.typography.com/blog/making-ones-own#470</guid>
  2146. </item>
  2147.                   <item>
  2148.    <title><![CDATA[H&Co Supports Hamilton]]></title>
  2149.    <link>https://www.typography.com/blog/hco-supports-hamilton</link>
  2150.    <description>
  2151.        <![CDATA[<p><span class="small-caps">Wood type is a vital part of our visual culture. </span>Its riot of technological and typographic innovations remains as relevant as ever to modern typographic practice: whether your favorite font comes in <a href="http://www.typography.com/fonts/knockout/styles/">multiple widths</a>, or features <a href="http://www.typography.com/fonts/knox/features/knox-chromatics/">chromatic layers</a>, it owes a considerable debt to its wood type forebears. H&amp;Co has always believed that the preservation and study of historical typography serves even the most progressive experiments, so we&rsquo;re proud to support Hamilton, not only in its curatorial mission, but for the relevant and exciting programming it provides to both the community in Two Rivers, and the design community at large.</p>
  2152.  
  2153. <p>This Sustainability Grant kicks off a new fundraising chapter for the museum, to help secure the future of its new home at 1816 10th Street. If you love typography, we hope you&rsquo;ll <a href="http://woodtype.org/home/support" target="_blank">join us</a> in supporting their wonderful work. &mdash;JH</p>]]>
  2154.    </description>
  2155.    <pubDate>Wed, 01 May 2013 05:40:00 +0000</pubDate>
  2156.    <guid>https://www.typography.com/blog/hco-supports-hamilton#459</guid>
  2157. </item>
  2158.                   <item>
  2159.    <title><![CDATA[The AIGA Video]]></title>
  2160.    <link>https://www.typography.com/blog/hco-the-video</link>
  2161.    <description>
  2162.        <![CDATA[<div class="embed-wrapper"><iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="//player.vimeo.com/video/67817714" webkitallowfullscreen="" width="500"></iframe></div>
  2163.  
  2164. <p><span class="small-caps">As part of the presentation</span> of the 2013 AIGA Medal, the American Institute of Graphic Arts commissioned this short video about type designers Jonathan Hoefler and Tobias Frere-Jones. In addition to offering an intimate glimpse at some recent works-in-progress, the video features an inside look at the company offices in a moment of rare repose.</p>
  2165.  
  2166. <p>Thanks once again to the AIGA for recognizing our work, and to Dan and Andre at <a href="http://www.dresscodeny.com/about/" target="_blank">Dress Code</a> for presenting typeface design with such thought, care, and wit. &mdash;JH</p>]]>
  2167.    </description>
  2168.    <pubDate>Tue, 23 Apr 2013 05:00:00 +0000</pubDate>
  2169.    <guid>https://www.typography.com/blog/hco-the-video#458</guid>
  2170. </item>
  2171.                   <item>
  2172.    <title><![CDATA[Introducing Landmark]]></title>
  2173.    <link>https://www.typography.com/blog/introducing-landmark</link>
  2174.    <description>
  2175.        <![CDATA[<p><span class="small-caps">In 1999, we received an irresistible commission</span> from Michael Bierut at Pentagram: to design a typeface for <a href="http://en.wikipedia.org/wiki/Lever_House" target="_blank">Lever House</a>, one of New York&rsquo;s most significant architectural landmarks. In a neighborhood of skyscrapers designed simply to warehouse the maximum amount of rentable real estate, Lever House is a rare building with thoughtful urban values, featuring a grand public colonnade, a welcoming sculpture garden, and an enormous setback that showcases that rarest of midtown luxuries: the sky.</p>
  2176.  
  2177. <p>The typeface we created was an airy sans serif, patterned after the existing lettering on the building&rsquo;s Park Avenue window, and related to the style of its cornerstone inscription. The project revealed some interesting discoveries about <a href="http://www.typography.com/fonts/landmark/features/landmark-dynamic-capitals/">the way architects use capital letters</a>, and how a typeface designed specifically for architecture could serve designers especially well. A decade after completing the project, we set about creating a collection of decorative variations inspired the material and environmental qualities of buildings: the interplay of structure and surface, the effects of shadow and light, and the transformative power of perspective. Bringing typographic qualities to mechanical forms turned out to be a <a href="http://www.typography.com/fonts/landmark/features/landmark-perceptual-shading/">formidable challenge</a>, but a fascinating one, ultimately absorbing our designers for more than a year. The result is the family of four new typefaces that we&rsquo;re delighted to introduce: Landmark Regular, Inline, Shadow, and Dimensional.</p>]]>
  2178.    </description>
  2179.    <pubDate>Mon, 11 Feb 2013 06:00:00 +0000</pubDate>
  2180.    <guid>https://www.typography.com/blog/introducing-landmark#457</guid>
  2181. </item>
  2182.                   <item>
  2183.    <title><![CDATA[The AIGA Medal]]></title>
  2184.    <link>https://www.typography.com/blog/hco-awarded-the-2013-aiga-medal</link>
  2185.    <description>
  2186.        <![CDATA[<p class="intro-paragraph">The American Institute of Graphic Arts has announced that Jonathan Hoefler will receive the 2013 AIGA Medal, the profession&rsquo;s highest honor.</p>
  2187.  
  2188. <p><span class="small-caps">&ldquo;In recognition of their contributions</span> to the typographic landscape through impeccable craftsmanship, skilled historical reference and insightful vernacular considerations,&rdquo; the award celebrates the body of work created by the company over the past twenty-four years.</p>
  2189.  
  2190. <p>Since 1920, the AIGA Medal has been presented annually to innovators who set standards of excellence for design. Past recipients have included Charles and Ray Eames, architect Philip Johnson, publisher Alfred A. Knopf, photographer Richard Avedon, and artist Saul Steinberg. Typeface designers to have received the award include W. A. Dwiggins, Frederic Goudy, Stanley Morison, and Jan Tschichold, as well as contemporary designers Matthew Carter, Zuzana Licko, and Rudy Vanderlans.</p>
  2191.  
  2192. <p>Eight designers will receive the 2013 Medal: John Bielenberg, William Drenttel and Jessica Helfand, Jonathan Hoefler and Tobias Frere-Jones, Stefan Sagmeister, Lucille Tenazas and Wolfgang Weingart. The awards will be presented at a celebration in New York City on April 19.</p>]]>
  2193.    </description>
  2194.    <pubDate>Tue, 05 Feb 2013 13:37:00 +0000</pubDate>
  2195.    <guid>https://www.typography.com/blog/hco-awarded-the-2013-aiga-medal#456</guid>
  2196. </item>
  2197.                   <item>
  2198.    <title><![CDATA[The Plastic Wood Type]]></title>
  2199.    <link>https://www.typography.com/blog/the-plastic-wood-type</link>
  2200.    <description>
  2201.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/dribbble-knockout_500.jpg">
  2202.  
  2203. <p><span class="small-caps">One of the joys of designing typefaces</span> is seeing the flavors that designers coax out of your work. A fair amount of exploration always goes into our own process: Gotham wouldn&rsquo;t be Gotham were it not able to look simultaneously <a href="http://www.typography.com/fonts/gotham/features/gotham-voice/">young and old</a>, and one of Idlewild&rsquo;s virtues is the range of <a href="http://www.typography.com/fonts/idlewild/features/idlewild-companionability/">wildly different qualities</a> that emerge in company of friends. But type designers never have the final say on what&rsquo;s possible: it&rsquo;s always the graphic designers who use our work who deliver the greatest surprises.</p>
  2204.  
  2205. <p>Over on <a href="https://dribbble.com/hoefler/buckets/95565-Made-with-H-Co-Knockout">Dribbble</a>, I&rsquo;ve been collecting some of my favorite projects that designers have created using our <a href="http://www.typography.com/fonts/knockout/overview/">Knockout</a> type family. Some dial up the typeface&rsquo;s wood type heritage, evoking either vintage warmth or the charm of anonymous commercial printing. Others update the genre more subtly, using Knockout to give a little traditional depth to an otherwise contemporary design. Some unexpected moments await you, in which this typeface with nineteenth century roots becomes futuristic, atmospheric, or in one moment, simultaneously festive and earnest. Check it out. &mdash;JH</p>]]>
  2206.    </description>
  2207.    <pubDate>Fri, 14 Dec 2012 03:00:00 +0000</pubDate>
  2208.    <guid>https://www.typography.com/blog/the-plastic-wood-type#455</guid>
  2209. </item>
  2210.                   <item>
  2211.    <title><![CDATA[An H&Co Type Tasting]]></title>
  2212.    <link>https://www.typography.com/blog/an-hco-type-tasting</link>
  2213.    <description>
  2214.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-toast-pumpkin-cake_500.jpg">
  2215.  
  2216. <p><span class="small-caps">We keep a running tally of the interesting media</span> in which we&rsquo;ve seen our fonts used, from <a href="https://www.typography.com/blog/g-thing">corrugated cardboard</a> to <a href="https://www.typography.com/blog/ten-foot-gotham-topiary">topiary</a>. The designers who choose our fonts often share their more startling experiments on our <a href="https://www.facebook.com/HoeflerCo" target="_blank">Facebook</a> page, including more than a few typographic tattoos. But with the holiday season upon us, things have taken a decidedly gustatory turn.</p>
  2217.  
  2218. <p>Designer Luke Elliott kicked things off over Halloween with his Gotham jack-o-lantern, to our knowledge the first example of in-gourd typography featuring an H&amp;Co design. An anonymous designer followed over Thanksgiving with a beautiful collection of Gotham cakes that revealed the challenge of inlining a sans serif, in fondant no less. The latest contribution to the genre came last night, with designer <a href="http://www.zachhiggins.com" target="_blank">Zach Higgins</a> tweeting his exploration of the Sentinel Light Italic lowercase <strong class="alternate">z</strong> rendered in toast. We&rsquo;re left to wonder if our <em>graded</em> faces, such as <a href="https://www.typography.com/fonts/mercury-text/features/mercury-grades/">Mercury Text</a> or <a href="https://www.typography.com/fonts/chronicle-text/features/chronicle-grades/">Chronicle Text</a>, might provide designers with micro-fine control to adjust the relationship between color and burn. Please help us with this important research and share your findings. &mdash;JH</p>]]>
  2219.    </description>
  2220.    <pubDate>Fri, 07 Dec 2012 00:00:00 +0000</pubDate>
  2221.    <guid>https://www.typography.com/blog/an-hco-type-tasting#454</guid>
  2222. </item>
  2223.                   <item>
  2224.    <title><![CDATA[Giving Thanks]]></title>
  2225.    <link>https://www.typography.com/blog/giving-thanks</link>
  2226.    <description>
  2227.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/dribbble-hfj-1_500.jpg">
  2228.  
  2229. <p><span class="small-caps">One of the things we&rsquo;re grateful for at H&amp;Co</span> are the designers who treat our typefaces with such extraordinary care. These days, some of the most exciting work that we get to see is on Dribbble, where designers of the highest caliber share their works-in-progress with the world. This weekend, I gathered some of my favorite fragments that designers have created using our typefaces: here are three new Dribbble collections using <a href="https://dribbble.com/hoefler/buckets/92973-Made-with-H-Co-Proteus-Project">The Proteus Project</a>, <a href="https://dribbble.com/hoefler/buckets/92991-Made-with-H-Co-Sentinel">Sentinel</a> and <a href="https://dribbble.com/hoefler/buckets/92986-Made-with-H-Co-Shades">Shades</a>.</p>
  2230.  
  2231. <p>It&rsquo;s fascinating to watch the creative processes unfold, and heartening to see our typefaces along for the ride. (It&rsquo;s also a welcome surprise to discover that the polished work you&rsquo;re admiring comes from the hand of a second-year student, an experience that&rsquo;s more common than you might imagine.) So herein you&rsquo;ll find some of our favorite picks: from Roger Dario&rsquo;s <a href="http://en.wikipedia.org/wiki/Guilloché" target="_blank">guilloch&eacute;</a> treatment of Saracen, to Trent Walton&rsquo;s use of Sentinel for charity:water (itself a rebound of an earlier version in Vitesse), to Andrew Power&rsquo;s rendering of one of my favorite Steve Jobs quotes using our Cyclone typeface.</p>
  2232.  
  2233. <p>We&rsquo;ll be updating these collections and creating new ones in the coming weeks, so if you&rsquo;re posting to Dribbble, make sure to tag your own work with the names of any of our fonts that you use. Until then, thank you from all of us at H&amp;Co for making our work a part of yours. We&rsquo;ll be thinking of you this Thanksgiving. &mdash;JH</p>]]>
  2234.    </description>
  2235.    <pubDate>Mon, 19 Nov 2012 05:00:00 +0000</pubDate>
  2236.    <guid>https://www.typography.com/blog/giving-thanks#453</guid>
  2237. </item>
  2238.                   <item>
  2239.    <title><![CDATA[Introducing The New Tungstens]]></title>
  2240.    <link>https://www.typography.com/blog/introducing-the-new-tungstens</link>
  2241.    <description>
  2242.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-new-2012-release_responsive.svg">
  2243.  
  2244. <p><span class="small-caps">A good type family balances cohesion and diversity.</span> Its styles need to feel related, but each is entitled to its own personality. Nothing&rsquo;s worse than paying for a collection of two dozen fonts, only to discover that each speaks in exactly the same voice.</p>
  2245.  
  2246. <p>Tungsten began as a focussed set of styles that aspired to being disarming instead of pushy. &ldquo;Smart, tough, and sexy&rdquo; was how we described the design, a brief that gave us enough latitude to create four distinct designs: a sporty Medium, an articulate Semibold, a stylish Bold, and a persuasive Black. We stopped at four, discovering that so many of the strategies that served the design in these proportions became impractical at lighter weights. Tungsten is all about the interplay between positive and negative space, a relationship that disappears when the strokes become thin, and the spaces cavernous. So while we could make the design perform mechanically at lighter weights, it no longer felt like Tungsten.</p>
  2247.  
  2248. <p>But then we discovered something interesting. We found different strategies to use at these proportions, which could make the design <em>look</em> familiar but <em>feel</em> different. We created new designs whose forthrightness came through in different ways: some were elegant, others earnest. And when we started exploring different widths, we found we could gradually turn up the volume, and watch Tungsten go from cool to vibrant to ecstatic.</p>
  2249.  
  2250. <p>So today, we&rsquo;re delighted to introduce <strong>The New Tungstens</strong>, a set of four different widths, each in eight weights, starting at $199. The full collection includes Regular, Narrow, Condensed and Compressed, and right now you can <strong>save $300</strong> when you buy the <a href="http://www.typography.com/fonts/tungsten/styles/">complete collection</a> of 32 styles.</p>]]>
  2251.    </description>
  2252.    <pubDate>Wed, 14 Nov 2012 06:00:00 +0000</pubDate>
  2253.    <guid>https://www.typography.com/blog/introducing-the-new-tungstens#451</guid>
  2254. </item>
  2255.                   <item>
  2256.    <title><![CDATA[Good Fonts, Bad Fonts, and the Presidency]]></title>
  2257.    <link>https://www.typography.com/blog/good-fonts-bad-fonts-and-the-presidency</link>
  2258.    <description>
  2259.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/political-typography-3.svg">
  2260.  
  2261. <p><span class="small-caps">Somehow </span>we&rsquo;ve let the election season come to a close without thanking both parties for making this an <strong>100% H&amp;Co election.</strong> Continuing the signature voice of its 2008 campaign, Obama for America kept <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a> as its typographic keystone, this year adding our <a href="https://www.typography.com/fonts/sentinel/overview/">Sentinel</a> typeface as a companion slab serif. The GOP chose fonts from us as well, the Romney campaign settling on <a href="https://www.typography.com/fonts/mercury-display/overview/">Mercury Display</a>&nbsp;for its serif and <a href="https://www.typography.com/fonts/whitney/overview/">Whitney</a> for its sans.</p>
  2262.  
  2263. <p>We&rsquo;d especially like to thank the teams at Obama for America and Blue State Digital for making us a part of their outstanding work on <a href="http://www.barackobama.com">Barackobama.com</a>. Eagle-eyed viewers may have noticed that web fonts from H&amp;Co made their first appearance on that site earlier this year, an especially meaningful milestone for all of us. It&rsquo;s not often that your first beta tester is the President of the United States.</p>
  2264.  
  2265. <p>If the coming days bring a bitter electoral challenge, or the next four years bring the nation continuing deadlock on Capitol Hill, Americans will know exactly who to blame: typeface designers. According to <a href="http://www.sciencedaily.com/releases/2012/11/121102151946.htm" target="_blank">this study</a> by researchers at the University of Illinois at Urbana-Champaign, bad typography may be useful in softening the stance of the politically extreme. The theory is that awkward or uncomfortable typography disrupts a reader&rsquo;s &ldquo;confirmation bias,&rdquo; one&rsquo;s tendency to only see things that are agreeable. What amateur typography might do for a candidate&rsquo;s credibility is anyone&rsquo;s guess, and whether the study&rsquo;s choice of Times Bold really counts as an acceptable control for &ldquo;good typography&rdquo; remains an open question. But I look forward to the 2016 election, in which the honorable grunge candidate will face off against his esteemed colleague using Comic Sans. &mdash;JH</p>]]>
  2266.    </description>
  2267.    <pubDate>Mon, 05 Nov 2012 07:00:00 +0000</pubDate>
  2268.    <guid>https://www.typography.com/blog/good-fonts-bad-fonts-and-the-presidency#452</guid>
  2269. </item>
  2270.                   <item>
  2271.    <title><![CDATA[Introducing Idlewild]]></title>
  2272.    <link>https://www.typography.com/blog/introducing-idlewild</link>
  2273.    <description>
  2274.        <![CDATA[<p><span class="small-caps">Type designers are plagued by visions,</span> recurring images which can only be exorcized by turning them into letters. For years we&rsquo;ve been consumed by a particular quality of curve, overstuffed at the corners and punctuated by sharp edges, and gradually over time we&rsquo;ve been able to give these apparitions form: first as unrelated characters, later as an alphabet, and finally as a family of fonts.</p>
  2275.  
  2276. <p>As these designs developed, we recognized them as something we&rsquo;d often reached for in vain. There was a vacancy we&rsquo;d noticed in the typographic spectrum, for a sleek sans serif that&rsquo;s not only spare, determined, and tranquil, but <em>satisfying.</em> Not just gratifying, like an indulgent dessert or an extravagant gift, but viscerally satisfying, like a precision tool whose form both invites the touch and rewards the hand.</p>
  2277.  
  2278. <p>Today we&rsquo;re very pleased to introduce <strong>Idlewild&reg;</strong>, this new font family in five weights. For all its distinctiveness and personality, Idlewild delivers an unexpected dividend: it accessorizes with other fonts amazingly well. Idlewild can be approachable, earnest, bright, or cultivated &mdash; read on to see how this wide font can yield a wide range of moods.</p>]]>
  2279.    </description>
  2280.    <pubDate>Tue, 05 Jun 2012 07:00:00 +0000</pubDate>
  2281.    <guid>https://www.typography.com/blog/introducing-idlewild#450</guid>
  2282. </item>
  2283.                   <item>
  2284.    <title><![CDATA[In Today’s Mail]]></title>
  2285.    <link>https://www.typography.com/blog/in-todays-mail-2</link>
  2286.    <description>
  2287.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-white-house-invitation-2011_500.jpg">]]>
  2288.    </description>
  2289.    <pubDate>Mon, 29 Aug 2011 18:18:00 +0000</pubDate>
  2290.    <guid>https://www.typography.com/blog/in-todays-mail-2#463</guid>
  2291. </item>
  2292.                   <item>
  2293.    <title><![CDATA[An Appearance on PBS]]></title>
  2294.    <link>https://www.typography.com/blog/hoefler-frere-jones-on-pbs</link>
  2295.    <description>
  2296.        <![CDATA[<p><span class="small-caps">&ldquo;Off Book&rdquo; is a series from PBS Arts</span> dedicated to documenting the creative process, and expanding the definition of art. Produced by New York filmmakers <a href="http://kornhaberbrown.com/" target="_blank">Kornhaber Brown</a>, the series premiered with an exploration of &ldquo;light painting&rdquo;, and the intention to explore a new artistic genre every episode. Episode two focusses on typography, with our own Jonathan Hoefler representing the sub-sub-sub-genre of typeface design. Pentagram partners Paula Scher and Eddie Opara discuss their unique perspectives on typographic identity (in both senses of the word), and designers Julia Vakser and Deroy Peraza of Hyperakt discuss the range and reach of data visualization, a genre unto itself. And kudos to Kornhaber Brown for wrapping up with the one-minute segment, &ldquo;How to talk about type like you know what you&rsquo;re talking about.&rdquo; Required pre-holiday watching for our families. &mdash;JH</p>]]>
  2297.    </description>
  2298.    <pubDate>Wed, 17 Aug 2011 07:00:00 +0000</pubDate>
  2299.    <guid>https://www.typography.com/blog/hoefler-frere-jones-on-pbs#449</guid>
  2300. </item>
  2301.                   <item>
  2302.    <title><![CDATA[Typefacial Recognition at H&Co Labs]]></title>
  2303.    <link>https://www.typography.com/blog/typefacial-recognition-at-hco-labs</link>
  2304.    <description>
  2305.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fontface2_500.jpg">
  2306.  
  2307. <p><span class="small-caps">We&rsquo;re generally content</span> to control font outlines by pushing points around on a screen, but an intuitive interface for managing the entire gestalt of a type family remains elusive. Andy Clymer at H&amp;Co tends to develop fonts and tools together (one always seems to be the excuse to create the other), and this is his latest exploration: using <a href="http://vimeo.com/26188365" target="_blank">facial recognition to control the basic parameters of a font&rsquo;s design</a>.</p>
  2308.  
  2309. <p>Behold Andy modeling his latest creation, which employs Kyle McDonald&rsquo;s FaceOSC library, GlyphMath from RoboFab, and Tal Leming&rsquo;s Vanilla to mutate the geometries behind our <a href="https://www.typography.com/fonts/ideal-sans/overview/">Ideal Sans</a> typeface in realtime. I&rsquo;m intrigued by the potential to control local and global qualities of a typeface at the same time: fingers and mouse to design the details, faces and cameras to determine their position in a whole realm of design possibilities. I wonder about the possibilities of a facial feedback loop, in which one&rsquo;s expression of wonder and delight could instantly undo a moment of evanescent beauty. And then there are the possibilities of environmental pathogens affecting letterforms: what might too much caffeine, air conditioning, or ragweed pollen do to a typeface? Listening to Louis C.K.? Too many whiskey sours? &mdash;JH</p>]]>
  2310.    </description>
  2311.    <pubDate>Fri, 08 Jul 2011 21:00:00 +0000</pubDate>
  2312.    <guid>https://www.typography.com/blog/typefacial-recognition-at-hco-labs#448</guid>
  2313. </item>
  2314.                   <item>
  2315.    <title><![CDATA[The 2011 National Design Awards]]></title>
  2316.    <link>https://www.typography.com/blog/hco-honored-by-the-2011-national-design-awards</link>
  2317.    <description>
  2318.        <![CDATA[<p class="intro-paragraph">We&rsquo;re very proud to be among the honorees of the 2011 National Design Awards, announced this morning by the Smithsonian&rsquo;s Cooper-Hewitt National Design Museum.</p>
  2319.  
  2320. <p><span class="small-caps">An official White House project</span> created to increase national awareness of the role of design, the National Design Awards are given annually in recognition of excellence, innovation, and lasting achievement in design. Now in its twelfth year, the award celebrates the achievements of designers in ten categories from architecture to fashion. In 2009, we became the first type foundry ever to be recognized by this prestigious award, celebrated at a <a href="http://www.typography.com/blog/in-todays-mail-2">special luncheon at the White House hosted by first lady Michelle Obama</a>. It is a great privilege to return to the White House once again, to accept this award on behalf of our entire team.</p>
  2321.  
  2322. <p>We are once again honored to be in such distinguished company at the National Design Awards. In recognition of his extraordinary influence on both the study and practice of graphic design, Steve Heller will receive the 2011 Design Mind award. Ben Fry, co-architect of the <em>Processing</em> programming language, will be recognized for his groundbreaking work in data visualization with the award for Interactive Design. And of special significance to everyone in our industry is the 2011 Lifetime Achievement Award, which this year will be presented to our longtime friend and colleague, type designer Matthew Carter. These are extraordinary times for typeface design.</p>]]>
  2323.    </description>
  2324.    <pubDate>Thu, 26 May 2011 06:40:00 +0000</pubDate>
  2325.    <guid>https://www.typography.com/blog/hco-honored-by-the-2011-national-design-awards#447</guid>
  2326. </item>
  2327.                   <item>
  2328.    <title><![CDATA[Introducing Ideal Sans]]></title>
  2329.    <link>https://www.typography.com/blog/ideal-sans-a-new-font-family-from-hco</link>
  2330.    <description>
  2331.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ideal-sans-release_responsive.svg">
  2332.  
  2333. <p><span class="small-caps">Typefaces are born</span> from the struggle between rules and results. Squeezing a square about 1% helps it look more like a square; to appear the same height as a square, a circle must be measurably taller. The two strokes in an <strong class="alternate">X</strong> aren&rsquo;t the same thickness, nor are their parallel edges actually parallel; the vertical stems of a lowercase alphabet are thinner than those of its capitals; the ascender on a <strong class="alternate">d</strong> isn&rsquo;t the same length as the descender on a <strong class="alternate">p</strong>, and so on. For the rational mind, type design can be a maddening game of drawing things differently in order to make them appear the same.</p>
  2334.  
  2335. <p>Twenty-one years ago, we began tinkering with a sans serif alphabet to see just how far these optical illusions could be pushed. How asymmetrical could a letter <strong class="alternate">O</strong> become, before the imbalance was noticeable? Could a serious sans serif, designed with high-minded intentions, be drawn without including a single straight line? This alphabet slowly marinated for a decade and a half, benefitting from periodic additions and improvements, until in 2006, Pentagram&rsquo;s Abbott Miller proposed a project for the Art Institute of Chicago that resonated with these very ideas. As a part of Miller&rsquo;s new identity for the museum, we revisited the design, and renovated it to help it better serve as the cornerstone of a larger family of fonts. Since then we&rsquo;ve developed the project continuously, finding new opportunities to further refine its ideas, and extend its usefulness through new weights, new styles, and new features.</p>
  2336.  
  2337. <p>Today, we&rsquo;re delighted to introduce <strong>Ideal Sans&reg;</strong>, this new font family in 48 styles. Ideal Sans is a meditation on the handmade, combining different characteristics of many different writing tools and techniques, in order to achieve a warm, organic, and hand-crafted feeling. It&rsquo;s distinctive at large sizes and richly textured in small ones, and available today in packages starting at $149.</p>]]>
  2338.    </description>
  2339.    <pubDate>Wed, 04 May 2011 06:00:00 +0000</pubDate>
  2340.    <guid>https://www.typography.com/blog/ideal-sans-a-new-font-family-from-hco#446</guid>
  2341. </item>
  2342.                   <item>
  2343.    <title><![CDATA[Can We Add Serifs to Gotham?]]></title>
  2344.    <link>https://www.typography.com/blog/can-we-add-serifs-to-gotham</link>
  2345.    <description>
  2346.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obama_biden_gotham_serif_500.svg">
  2347.  
  2348. <p><span class="small-caps">For the President of The United States? </span><a href="http://www.barackobama.com/" target="_blank">Yes We Can</a>. &mdash;JH</p>]]>
  2349.    </description>
  2350.    <pubDate>Mon, 04 Apr 2011 12:00:00 +0000</pubDate>
  2351.    <guid>https://www.typography.com/blog/can-we-add-serifs-to-gotham#445</guid>
  2352. </item>
  2353.                   <item>
  2354.    <title><![CDATA[Things We Love]]></title>
  2355.    <link>https://www.typography.com/blog/things-we-love3</link>
  2356.    <description>
  2357.        <![CDATA[<p><span class="small-caps">In a manner more typical</span> of the corporate than the corporeal, designer Nicholas Felton marks the passage of each year with an annual report. Past editions of the <em>Feltron Annual Report</em> have ranged in sensibilities, from his editorial <a href="http://feltron.com/ar06_06.html" target="_blank">2006</a> (smarter than the smartest magazine) to his diagrammatic <a href="http://feltron.com/ar09_03.html" target="_blank">2009</a> (which out-Tuftes <a href="http://www.edwardtufte.com/tufte/books_ei" target="_blank">Tufte</a>.) While the very concept is arch, making the <em>Feltron Report</em> a beloved fixture in the offices of so many graphic designers, I really have to hand it to Nicholas for never stooping to the obvious and allowing his yearly record to become a mere send-up of the annual report form. This year&rsquo;s report, awash in our <a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten</a> typeface, is no exception: it uses the tools of data visualization and typography to tell a compelling story, and color a narrative that might so easily have been reduced to a mere family tree or a timeline.</p>
  2358.  
  2359. <p>Spend some time with <a href="http://feltron.com/ar10_01.html" target="_blank">The 2010 Feltron Annual Report</a>: I think you&rsquo;ll find it smart, touching, and inspiring, an uncommon trifecta. &mdash;JH</p>]]>
  2360.    </description>
  2361.    <pubDate>Mon, 07 Feb 2011 17:00:00 +0000</pubDate>
  2362.    <guid>https://www.typography.com/blog/things-we-love3#444</guid>
  2363. </item>
  2364.                   <item>
  2365.    <title><![CDATA[H&Co Typefaces Join the MoMA Permanent Collection]]></title>
  2366.    <link>https://www.typography.com/blog/hco-typefaces-join-the-moma-permanent-collection</link>
  2367.    <description>
  2368.        <![CDATA[<p class="intro-paragraph">The Museum of Modern Art has announced the acquisition of four type families by Hoefler&amp;Co &mdash; HTF Didot, Gotham, Mercury and Retina &mdash; for its permanent collection.</p>
  2369.  
  2370. <p><span class="small-caps">In designing new typefaces,</span> we&rsquo;ve has long been consumed with the interpretation of historical artifacts, the implications of cultural expectations and mechanical requirements, and the invention of new techniques. Four type families that embody our approach to type design are <a href="https://www.typography.com/fonts/didot/overview/">HTF Didot</a>, <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a>, <a href="https://www.typography.com/fonts/mercury-display/overview/">Mercury</a> and Retina, and we are honored to have these designs selected by the Museum of Modern Art for inclusion in its permanent collection.</p>
  2371.  
  2372. <p>This acquisition marks an important expansion of MoMA&rsquo;s design collection, which includes historically significant objects ranging from Frank Lloyd Wright&rsquo;s model for Fallingwater to the original Macintosh 128K computer, into the category of typeface design. &ldquo;Type design is an essential dimension of the history of modern art and design,&rdquo; writes Senior Curator Paola Antonelli. &ldquo;The best typefaces belong in MoMA&rsquo;s collection.&rdquo;</p>
  2373.  
  2374. <p>The typefaces chosen for the MoMA collection have been selected for their social relevance, the ways in which they reflect technological progress, and their importance to cultural history. &ldquo;Each is a milestone in the history of typography,&rdquo; writes Antonelli. Alongside our typefaces are major works by a number of our friends and colleagues, including Matthew Carter, Erik van Blokland and Just van Rossum, and the many contributors to <em>Emigre.</em> H&amp;Co is proud to be in such distinguished company, and to be a part of MoMA&rsquo;s recognition of our industry&rsquo;s craft.</p>]]>
  2375.    </description>
  2376.    <pubDate>Mon, 24 Jan 2011 06:00:00 +0000</pubDate>
  2377.    <guid>https://www.typography.com/blog/hco-typefaces-join-the-moma-permanent-collection#440</guid>
  2378. </item>
  2379.                   <item>
  2380.    <title><![CDATA[Legacy of Letters: An Italian Tour]]></title>
  2381.    <link>https://www.typography.com/blog/legacy-of-letters-an-italian-tour</link>
  2382.    <description>
  2383.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/legacy-of-letters_500.jpg">
  2384.  
  2385. <p><span class="small-caps">So enormous are the contributions</span> of the Italian people to typography that they often pass unnoticed. The words you are reading may be written in the English language, but they are rendered in the <em>Latin</em> alphabet, which comes to us via Roman ancestors. We celebrate these same ancestors in the name of our upright <em>Roman</em> alphabet, and we remember their country of origin in our slanted <em>Italics.</em> If you ever use our&nbsp;<a href="https://www.typography.com/fonts/requiem/overview/">Requiem</a> typeface, take note: taxonomically it is a Venetian Old-Style, its letterforms modeled on the work of a renaissance Roman calligrapher, who was inspired by the inscriptional lettering on a classical Roman monument, which was dedicated to a Roman emperor. The emperor&rsquo;s name was Trajan, an Italian name you may recognize from your font menu; he is immortalized there alongside dozens of his compatriots, including Aldus, Arrighi, Bodoni, and Jenson.</p>
  2386.  
  2387. <p>Since Italy has remained a cradle of letters and literacy since classical times, it makes an excellent destination for any lover of typography. This June, design historian and calligrapher Paul Shaw will be leading <em>Legacy of Letters,</em> an eight-day typographic tour of some of Italy&rsquo;s most typographic destinations. Including both Emilia-Romagna and the Veneto, the tour includes stops in twelve typographic capitals including Parma, Mantua, Verona and Venice. Registration is now open for a limited number of spaces.</p>]]>
  2388.    </description>
  2389.    <pubDate>Sat, 22 Jan 2011 09:00:00 +0000</pubDate>
  2390.    <guid>https://www.typography.com/blog/legacy-of-letters-an-italian-tour#442</guid>
  2391. </item>
  2392.                   <item>
  2393.    <title><![CDATA[For Immediate Release]]></title>
  2394.    <link>https://www.typography.com/blog/for-immediate-release</link>
  2395.    <description>
  2396.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/a-rigatoni_500.jpg">
  2397.  
  2398. <p><span class="small-caps">October 25</span> has been designated <a href="http://www.pasta-unafpa.org/pasta-day.htm" target="_blank">World Pasta Day</a>, and as part of typography&rsquo;s contribution to this important initiative, we&rsquo;re pleased to share the following: an excerpt from the typeface &ldquo;Nr. 941. Dubbelmittel (corps 28),&rdquo; as it appears in <em>Berlingska Stilguteriet Stilprof,</em> a type specimen book from the Berlingska type foundry of Lund, Sweden, circa 1900. It is a dimensionally extruded ring accent, shaped like a piece of rigatoni.</p>
  2399.  
  2400. <p>This concludes our contribution to World Pasta Day. See you in 2011. &mdash;JH</p>]]>
  2401.    </description>
  2402.    <pubDate>Tue, 26 Oct 2010 00:00:00 +0000</pubDate>
  2403.    <guid>https://www.typography.com/blog/for-immediate-release#443</guid>
  2404. </item>
  2405.                   <item>
  2406.    <title><![CDATA[The Finishing Touches]]></title>
  2407.    <link>https://www.typography.com/blog/the-finishing-touches</link>
  2408.    <description>
  2409.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/finishing-touches_1920.png">
  2410.  
  2411. <p><span class="small-caps">In the middle of Gotham,</span> our family of 66 sans serifs, there is a hushed but surprising moment: a fraction whose numerator has a serif. So important was this detail that we decided to offer it as an option for all the other fractions, a decision that ultimately required more than 400 new drawings. Why?</p>
  2412.  
  2413. <p>Join us for <em><a href="http://www.typography.com/email/2010_10/index_bi.htm">The Finishing Touches</a>,</em> a behind-the-scenes tour of some of the invisible details that go into every font from H&amp;Co.</p>]]>
  2414.    </description>
  2415.    <pubDate>Wed, 13 Oct 2010 13:00:00 +0000</pubDate>
  2416.    <guid>https://www.typography.com/blog/the-finishing-touches#441</guid>
  2417. </item>
  2418.                   <item>
  2419.    <title><![CDATA[Now Hiring: Web Developer & Programmer]]></title>
  2420.    <link>https://www.typography.com/blog/now-hiring-web-developer-programmer</link>
  2421.    <description>
  2422.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-personal-ad2_500.png">
  2423.  
  2424. <p><span class="strikethrough"><span class="small-caps">So you love HTML5.</span> You&rsquo;re psyched that the IE9 beta looks so promising, because you&rsquo;ve got enough IE6 war stories, though personally you&rsquo;re rocking the latest Firefox nightly. Sometimes you can&rsquo;t remember what life was like before jQuery, but in a pinch you&rsquo;re prepared to roll your own library. (Which, let&rsquo;s face it, makes you feel a little like MacGyver, and you like working with folks who notice.) And you&rsquo;ve spent a lot of time noodling with @font-face. A <em>lot.</em> Is this you? Come and work among kindred spirits: H&amp;Co is looking for a <strong>full-time front-end developer</strong> to make a significant contribution to the ever-evolving typography.com.</span> <strong class="alert">Position filled!</strong></p>
  2425.  
  2426. <p><span class="strikethrough">You can feel when things are built correctly, and can smell a kludge at fifty paces. You know how to run a test and assess its results, and how to shepherd your source-controlled code all the way from development to release. You&rsquo;re someone who likes to reduce a problem down to a set of tasks, and you&rsquo;re intimately familiar with the sense of accomplishment that comes from seeing all the parts come together. You write modular code because you hate doing the same thing twice, but you&rsquo;re always up for doing something five different ways just to be sure. And your middle name is LAMP. If this is you, come join us as a <strong>full-time web programmer</strong> at Hoefler&amp;Co</span> <strong class="alert">Position filled!</strong></p>]]>
  2427.    </description>
  2428.    <pubDate>Fri, 24 Sep 2010 09:00:00 +0000</pubDate>
  2429.    <guid>https://www.typography.com/blog/now-hiring-web-developer-programmer#439</guid>
  2430. </item>
  2431.                   <item>
  2432.    <title><![CDATA[New from H&Co: Forza]]></title>
  2433.    <link>https://www.typography.com/blog/forza-a-new-font-family-from-hco</link>
  2434.    <description>
  2435.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/forza-release_responsive.svg">
  2436.  
  2437. <p><span class="small-caps">There are stylized typefaces</span> that speak in a singular, powerful voice, and there are versatile ones capable of expressing many different moods. We feel the pull of both extremes, and are especially fascinated by the typographic styles caught in between. Sans serifs based on the rounded rectangle are an interesting study: they&rsquo;re adaptable enough to have survived almost two hundred years, but in every incarnation they return with a new but overly specific agenda. The ones on enamel railway signs are charming, but a little sleepy; the ones on battleships are somber, if a little aloof. We&rsquo;ve long wondered if this style could be harnessed to create a more expressive family of types, and recently had the opportunity to find out: <em>Wired</em> commissioned us to design a square sans as their editorial workhorse, one that could handle everything from philosophical essays to down-to-earth service pieces.</p>
  2438.  
  2439. <p>The result is <strong>Forza&reg;</strong>, a new family of sans serifs from H&amp;Co. Forza&rsquo;s sophisticated visual vocabulary makes it alert and engaging, and its broad palette of weights ensures that Forza can meet the needs of the most demanding designer, from painterly display typography to text-heavy listings. Ardent, disciplined, shrewd, and commanding, Forza offers a range of voices to choose from, and is now available in twelve styles, from $199.</p>]]>
  2440.    </description>
  2441.    <pubDate>Wed, 04 Aug 2010 13:20:00 +0000</pubDate>
  2442.    <guid>https://www.typography.com/blog/forza-a-new-font-family-from-hco#438</guid>
  2443. </item>
  2444.                   <item>
  2445.    <title><![CDATA[Lettering of the WPA]]></title>
  2446.    <link>https://www.typography.com/blog/lettering-of-the-wpa</link>
  2447.    <description>
  2448.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hco_wpa_lettering_collage_500.png">
  2449.  
  2450. <p><span class="small-caps">Our creative director Brian Hennings</span> stumbled across a great resource this morning: on the website of the Library of Congress, a collection of <a href="https://www.loc.gov/collections/works-progress-administration-posters/about-this-collection/" target="_blank">926 posters from the Works Progress Administration</a>. The LOC has done a nice job with this collection, providing for each poster not only the relevant archival information, but high-resolution TIFF files that are free to download.</p>
  2451.  
  2452. <p>I&rsquo;ve yet to meet the designer who doesn&rsquo;t have at least a little affection for optimistic lettering of the WPA. We&rsquo;ve stopped short of ever developing a full-tilt Art Deco revival, but many of our sans serifs undeniably feel the pull of the Machine Age. Verlag&rsquo;s stark geometries include a conscious nod to the bold logo of the National Recovery Administration, while Tungsten is a modular typeface that resists the retro vibe of WPA &ldquo;gaspipe&rdquo; lettering. The Library of Congress collection offers a rare opportunity to see rarer styles still, perhaps ones that might obliquely inform some future font from H&amp;Co. &mdash;JH</p>]]>
  2453.    </description>
  2454.    <pubDate>Wed, 23 Jun 2010 08:00:00 +0000</pubDate>
  2455.    <guid>https://www.typography.com/blog/lettering-of-the-wpa#437</guid>
  2456. </item>
  2457.                   <item>
  2458.    <title><![CDATA[Learning Typeface Design]]></title>
  2459.    <link>https://www.typography.com/blog/learning-typeface-design</link>
  2460.    <description>
  2461.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sara-fi.png">
  2462.  
  2463. <p><span class="small-caps">Learning to draw letters</span> is hard enough, but learning to create <em>typefaces</em> is something else entirely. For those with an interest in both, H&amp;Co&rsquo;s Sara Soskolne will be teaching &ldquo;Turning Letters into Type,&rdquo; a week-long workshop at New York&rsquo;s School of Visual Arts, July 12&ndash;16. <a href="http://www.schoolofvisualarts.edu/ceCourseFinder/app?sDay=0&amp;sTime=0&amp;sLoc=&amp;sDept=&amp;sCourse=GDC-4458-A+&amp;sInstructor=&amp;sKeyword=" target="_blank">Registration is now open</a>, and seats are limited.</p>
  2464.  
  2465. <p>Soskolne, who has contributed to some of our most exhaustive projects (<a href="https://www.typography.com/fonts/verlag/overview/">Verlag</a>, <a href="https://www.typography.com/fonts/chronicle-text/overview/">Chronicle</a>, <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a>) and some of its snappiest (<a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten</a>, <a href="https://www.typography.com/fonts/sentinel/overview/">Sentinel</a>, <a href="https://www.typography.com/fonts/numbers/overview/">Numbers</a>) will introduce the tools and principles of digital typeface design by working with students individually on projects of their own invention. &ldquo;Be it systematizing your own lettering, imagining a complete alphabet from a found fragment,&rdquo; she says, &ldquo;articulating that ideal set of forms in your mind, or reviving a non-digital typeface you love,&rdquo; letters will come alive as type. The workshop will foster a critical eye for shapes and spacing, and a deeper understanding of how typefaces work, all skills critical to both type design and typography. Prerequisites include experience with B&eacute;zier drawing (know Illustrator?), and either lettering or typography. &mdash;JH</p>]]>
  2466.    </description>
  2467.    <pubDate>Thu, 17 Jun 2010 00:00:00 +0000</pubDate>
  2468.    <guid>https://www.typography.com/blog/learning-typeface-design#436</guid>
  2469. </item>
  2470.                   <item>
  2471.    <title><![CDATA[The Murderer Wore Serifs]]></title>
  2472.    <link>https://www.typography.com/blog/the-murderer-wore-serifs</link>
  2473.    <description>
  2474.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/scarpetta_500.png">
  2475.  
  2476. <p><span class="small-caps">Typeface designers live with the permanent possibility</span> of encountering their work at unexpected moments. Your old college now uses a font that you designed; in a movie, whose story takes place before you were born, your typefaces are used for prop newspapers and storefronts; the intimidating signs that scold you in public places now address you in your own handwriting. These odd social dislocations have lately been compounded by an additional weirdness, the phenomenon of the literate non-specialist. There are now celebrities and politicians who know fonts by name, so off-duty type designers run an increasing risk of hearing their typefaces mentioned by talk-show hosts or newscasters &mdash; to say nothing of seatmates on long airline flights, or anyone desperate for conversation at a family funeral.</p>
  2477.  
  2478. <p>None of these strangenesses prepared me for learning this morning that in <em><a href="http://www.amazon.com/exec/obidos/ASIN/0399156399/typographycom-20" target="_blank">The Scarpetta Factor</a>,</em> a crime novel by Patricia Cornwell, there is a <em>plot point</em> that revolves around our Gotham typeface. The font first makes an appearance on page 400, when it&rsquo;s name-checked by an FBI document specialist during the delivery of an expert opinion, but it returns on page 415 for a two-page discussion about the typography of a suspicious package. &ldquo;Gotham is popular,&rdquo; says the computer-whiz niece of our sleuth, Dr. Kay Scarpetta. &ldquo;It&rsquo;s supposed to suggest all the right things if you want to influence someone into taking you or your product or a political candidate or maybe some type of research seriously.&rdquo; Our clients have always known as much; we can only assume that one of them is the murderer. &mdash;JH</p>]]>
  2479.    </description>
  2480.    <pubDate>Tue, 15 Jun 2010 12:00:00 +0000</pubDate>
  2481.    <guid>https://www.typography.com/blog/the-murderer-wore-serifs#435</guid>
  2482. </item>
  2483.                   <item>
  2484.    <title><![CDATA[New from H&Co: Whitney Greek & Cyrillic]]></title>
  2485.    <link>https://www.typography.com/blog/new-from-hco-whitney-greek-cyrillic</link>
  2486.    <description>
  2487.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/whitney-multiscript-release_responsive-2.svg">
  2488.  
  2489. <p class="intro-paragraph">We&rsquo;re pleased to introduce an expansion of our <a href="http://www.typography.com/fonts/whitney/overview/">Whitney&reg;</a> typeface, for our friends in Greece, Russia, Bulgaria, and the Commonwealth of Independent States.</p>
  2490.  
  2491. <p><span class="small-caps">We&rsquo;ve taken the fonts</span> that already serve more than 140 languages, and extended them into the Greek and Cyrillic alphabets to satisfy sixty more. All editions of Whitney now feature both the Greek alphabet and our <a href="https://www.typography.com/faq/12">Expanded Cyrillic</a> character set, accommodating not only major Slavic languages such as Russian and Ukrainian, but other important populations less well served by digital typography, like the 65,000,000 people who speak Azeri, Kazakh and Uzbek. For designers whose projects have an international scope, Whitney now covers all three official scripts of the European Union.</p>]]>
  2492.    </description>
  2493.    <pubDate>Thu, 10 Jun 2010 09:00:00 +0000</pubDate>
  2494.    <guid>https://www.typography.com/blog/new-from-hco-whitney-greek-cyrillic#434</guid>
  2495. </item>
  2496.                   <item>
  2497.    <title><![CDATA[An Enchanted Alphabet]]></title>
  2498.    <link>https://www.typography.com/blog/an-enchanted-alphabet</link>
  2499.    <description>
  2500.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/jeanie-jewell.jpg">
  2501.  
  2502. <p><span class="small-caps">I have a special affection for decorated letters,</span> especially the ornamented designs of the nineteenth century. You know the kind: they&rsquo;re chubby <a href="https://www.typography.com/fonts/the-proteus-project/overview/">Regency</a> typefaces, slab serifs or high-contrast &lsquo;Fat Faces,&rsquo; mostly, whose surfaces are emblazoned with intricate patterns or pastoral scenes. The collection of <a href="https://www.typography.com/blog/sham-rock">L. J. Pouch&eacute;e</a> contains some genuine masterpieces that I&rsquo;ve long admired, letters festooned with grapevines or peonies or cobblestones, or illuminated with bucolic vignettes of farmer at the plough. &ldquo;We should really do something in this vein,&rdquo; I once said to one of our designers. &ldquo;Covered in fax machines, or pigeons?&rdquo; he quipped. I dropped the topic.</p>
  2503.  
  2504. <p>Designer Jeanie Nelson has picked it up. On her blog <em><a href="http://jeanieandjewell.blogspot.com/2010/03/abccest-finis.html
  2505. " target="_blank">Jeanie &amp; Jewell</a>,</em> she&rsquo;s exhibiting a wonderful collection of ornamented capitals of her own invention, and they are absolutely enchanting. There are so many things to love about these that I hardly know where to begin: the cheery colors whose roles change from letter to letter, the witty imagery that conceals more than a few oblique puns, the whimsical way she tweaks the nose of typographic convention whenever the spirit moves her. (Most type designers start with the sober letter <strong class="alternate">H</strong> that serves as a template for the rest of the design; Jeanie Nelson&rsquo;s <strong class="alternate">H</strong>, right now, is having more fun than any <strong class="alternate">H</strong> that&rsquo;s ever lived.) I&rsquo;m delighted by this design not only because of its squirrels, dragons, pineapples and ice cream cones, but because it pays homage to a potent and beloved historical style without ever becoming a stuffy museum piece in period dress. That the koala bear in the <strong class="alternate">K</strong> is climbing <em>a letter made of wood</em> just makes it doubly fantastic. &mdash;JH</p>]]>
  2506.    </description>
  2507.    <pubDate>Tue, 11 May 2010 14:00:00 +0000</pubDate>
  2508.    <guid>https://www.typography.com/blog/an-enchanted-alphabet#433</guid>
  2509. </item>
  2510.                   <item>
  2511.    <title><![CDATA[Typography Shared]]></title>
  2512.    <link>https://www.typography.com/blog/typography-shared</link>
  2513.    <description>
  2514.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/made-with-hfj-collage_500.jpg">
  2515.  
  2516. <p><span class="small-caps">Designers who use our fonts</span> have been sharing their work on our <a href="http://www.typography.com/facebook" target="_blank">Facebook</a> page, much to the delight of both the designers at H&amp;Co, and our followers online. Some recent lovelies, clockwise from top left: <a href="http://www.facebook.com/photo.php?pid=4612042&amp;op=1&amp;o=all&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;oid=12904695995&amp;id=633681760" target="_blank">Christopher Simmons</a> designed this cheerful festival poster using Ziggurat, Leviathan, and a little Hoefler Text; a corporate identity that uses Archer (and a clever emboss) by <a href="http://www.facebook.com/photo.php?pid=4612042&amp;op=1&amp;o=all&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;oid=12904695995&amp;id=633681760#!/photo.php?pid=1008868&amp;op=1&amp;o=all&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;oid=12904695995&amp;id=1522715354&amp;fbid=1399553038507" target="_blank">Mike Kasperski</a>; Gotham in a terrific typographic abecedarium by <a href="http://www.facebook.com/posted.php?id=12904695995&amp;share_id=116142248416421&amp;comments=1#s116142248416421" target="_blank">Paul van Brunschot</a> and his students; a lovely collection of journals by <a href="http://www.facebook.com/photo.php?pid=5355347&amp;o=all&amp;op=1&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;id=680416799&amp;oid=12904695995#!/photo.php?pid=2783804&amp;o=all&amp;op=1&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;id=720323274&amp;oid=12904695995&amp;fbid=111122773274" target="_blank">Jodi Storozenko,</a> featuring Archer in a moment of quiet repose; and a bit of Gotham in <a href="http://www.facebook.com/photo.php?pid=2642355&amp;op=2&amp;o=all&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;oid=12904695995&amp;id=577310052#!/photo.php?pid=2642355&amp;op=2&amp;o=all&amp;view=all&amp;subj=12904695995&amp;aid=-1&amp;oid=12904695995&amp;id=577310052&amp;fbid=159780670052" target="_blank">Anna Farkas</a>&rsquo; exhibition identity for <em>The renaissance of letters.</em> Feel free to share your own creations: more then 6,500 other designers are tuned in. &mdash;JH</p>]]>
  2517.    </description>
  2518.    <pubDate>Thu, 06 May 2010 03:05:00 +0000</pubDate>
  2519.    <guid>https://www.typography.com/blog/typography-shared#432</guid>
  2520. </item>
  2521.                   <item>
  2522.    <title><![CDATA[Things We Love]]></title>
  2523.    <link>https://www.typography.com/blog/things-we-love2</link>
  2524.    <description>
  2525.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grip-screenshot_500_1.png">
  2526.  
  2527. <p><span class="small-caps">When we designed the Knockout type family,</span> which celebrates the exuberance of nineteenth century wood type, we wondered: what designer would knowingly use the fonts to recall a world of quack medical cures and traveling vaudevillians? The answer, as it so often turns out to be, is &ldquo;smart aleck Canadian advertising agencies.&rdquo; Behold the truly excellent <a href="http://www.griplimited.com/#/grip/navigation/" target="_blank">Grip Limited</a>, who have created a typographic tour-de-force in Knockout (and a little <a href="https://www.typography.com/fonts/archer/overview/">Archer</a>) that really repays scrolling in all directions. I especially like the end of the second column. &mdash;JH</p>]]>
  2528.    </description>
  2529.    <pubDate>Sat, 24 Apr 2010 00:00:00 +0000</pubDate>
  2530.    <guid>https://www.typography.com/blog/things-we-love2#431</guid>
  2531. </item>
  2532.                   <item>
  2533.    <title><![CDATA[Ask H&Co: Mixing Fonts]]></title>
  2534.    <link>https://www.typography.com/blog/ask-hco-mixing-fonts</link>
  2535.    <description>
  2536.        <![CDATA[<p><span class="small-caps">Every font shown on this site</span> is accompanied by a set of suggested pairings. These are all personal selections (would that they could be automated!) and we&rsquo;re often asked about our methodology for deciding what fonts go together. The truth is that these are intuitive choices: since we design all the fonts ourselves, we&rsquo;re intimately familiar with their visual, functional, cultural and historical qualities, and just have a general sense of &ldquo;what goes.&rdquo; And yet there are always surprises: I&rsquo;d never have guessed that the geometric sans serif <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a> had any affinity for the humanist sans <a href="https://www.typography.com/fonts/whitney/overview/">Whitney</a>, nor that <a href="https://www.typography.com/fonts/vitesse/overview/">Vitesse</a> and <a href="https://www.typography.com/fonts/archer/overview/">Archer</a> &mdash; two slabs serifs with dramatically different personalities &mdash; could get along so well.</p>
  2537.  
  2538. <p>Lately I&rsquo;ve been wondering if it might be possible to abstract from these examples some generalities about font pairings, and have come up with a couple of thoughts. Curiously, everything seems to revolve around a single idea about how fonts relate: you&rsquo;ll find the whole story below. &mdash;JH</p>]]>
  2539.    </description>
  2540.    <pubDate>Mon, 29 Mar 2010 14:00:00 +0000</pubDate>
  2541.    <guid>https://www.typography.com/blog/ask-hco-mixing-fonts#430</guid>
  2542. </item>
  2543.                   <item>
  2544.    <title><![CDATA[Typography Delivered Fresh]]></title>
  2545.    <link>https://www.typography.com/blog/typography-delivered-fresh</link>
  2546.    <description>
  2547.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-emails-2009_500.jpg">
  2548.  
  2549. <p><span class="small-caps">A friend who teaches typography to undergraduates</span> recently asked an unexpected favor: &ldquo;can my students browse the e-mails Hoefler&amp;Co sends out?&rdquo; Apparently he&rsquo;s in the habit of circulating printouts with his students, when they raise questions that we&rsquo;ve recently discussed with our readers &mdash; <a href="http://www.typography.com/email/2009_07/index_bi.htm" target="_blank">how to choose fonts</a> for information-heavy projects like annual reports being an especially hot topic, though he also encourages his students to dig deeply in the <a href="http://www.typography.com/email/2009_12/index_bi.htm" target="_blank">character sets</a> of their fonts, and to <a href="http://www.typography.com/email/2009_11/index_bi.htm" target="_blank">look for value</a> when building their own font libraries. So posted herewith is <a href="http://www.typography.com/email/2010_01/index_bi.htm" target="_blank">last month&rsquo;s e-mail</a>, at the bottom of which you&rsquo;ll find a link to the previous issue. And if you&rsquo;d like to get next month&rsquo;s, we encourage you to...</p>]]>
  2550.    </description>
  2551.    <pubDate>Thu, 18 Feb 2010 00:00:00 +0000</pubDate>
  2552.    <guid>https://www.typography.com/blog/typography-delivered-fresh#429</guid>
  2553. </item>
  2554.                   <item>
  2555.    <title><![CDATA[The Tablet Magazine]]></title>
  2556.    <link>https://www.typography.com/blog/the-tablet-magazine</link>
  2557.    <description>
  2558.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wired_tablet2_500_1.jpg">
  2559.  
  2560. <p><span class="small-caps"><a href="http://www.wired.com/epicenter/2010/02/the-wired-ipad-app-a-video-demonstration/" target="_blank">Wired gets it</a>.</span> Today they&rsquo;re going public with the prototype they shared with us a few weeks ago, and if you&rsquo;re like me, your reaction will be an instantaneous &ldquo;neat!&rdquo; followed immediately by &ldquo;well, isn&rsquo;t it obvious it was supposed to work this way?&rdquo; When something creates and fulfills expectations at the same time, you know you&rsquo;ve got it right. &mdash;JH</p>]]>
  2561.    </description>
  2562.    <pubDate>Tue, 16 Feb 2010 11:00:00 +0000</pubDate>
  2563.    <guid>https://www.typography.com/blog/the-tablet-magazine#428</guid>
  2564. </item>
  2565.                   <item>
  2566.    <title><![CDATA[The 21st Century Object Poster]]></title>
  2567.    <link>https://www.typography.com/blog/the-21st-century-object-poster</link>
  2568.    <description>
  2569.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/exergian_posters_500_b.png">
  2570.  
  2571. <p><span class="small-caps">In 1906, the Priester Match Company</span> held an open contest for the design of a poster. Art Nouveau was in full flower, so surely the judges expected to receive decadent renderings of languid smokers, things perhaps in the style of Toulouse-Lautrec or Alphonse Mucha. What none of them expected was a shockingly bold drawing of two matchsticks, almost antagonistically free of nuance: this <a href="http://www.britannica.com/EBchecked/topic-art/1080361/67520/Plakatstil-poster-for-Priester-matches-designed-by-Lucian-Bernhard-1905" target="_blank">winning entry</a>, by a twenty-three year old designer named Lucian Bernhard, would come to be recognized as the world&rsquo;s first <em>Sachplakat,</em> or &ldquo;object poster.&rdquo; It was arguably one of the most important design artifacts of the twentieth century, and came to define an entire approach to design that lives on in everything from corporate logos to desktop icons.</p>
  2572.  
  2573. <p>104 years later, Austrian designer Albert Exergian has explored this ever-modern idea in the creation of a marvelous set of <a href="http://www.blanka.co.uk/Art/Exergian/Iconic_TV" target="_blank">posters</a> offering witty reductions of television shows. Some of them have Bernhard&rsquo;s brash disregard for subtlety (<em>Twin Peaks</em> is a pair of mountains), most are considerably more sophisticated and wry (I hadn&rsquo;t considered how essential the red and blue stripes are when representing a Ziploc bag: see <em>Weeds,</em> above.) Each matches the cleverness of the show it portrays: Exergian&rsquo;s <em>X-Files</em> is a not merely an <strong class="alternate">X</strong><em>,</em> but the secret signal masking-taped to Special Agent Mulder&rsquo;s window. Is it possible not to love an interpretation of <em>Charlie&rsquo;s Angels</em> that features not the girls, not the guns, but the speaker on Bosley&rsquo;s desk? Is there any better symbol for <em>MacGyver</em> than a bent paperclip? Some of my favorites are above, but the entire collection is worth a look: if nothing else, you&rsquo;ll be delighted by Exergian&rsquo;s interpretations of <em>Boston Legal, Miami Vice</em> and <em>Lost.</em> &mdash;JH</p>]]>
  2574.    </description>
  2575.    <pubDate>Fri, 05 Feb 2010 09:00:00 +0000</pubDate>
  2576.    <guid>https://www.typography.com/blog/the-21st-century-object-poster#427</guid>
  2577. </item>
  2578.                   <item>
  2579.    <title><![CDATA[New from H&Co: Vitesse]]></title>
  2580.    <link>https://www.typography.com/blog/vitesse-a-new-font-family-from-hco</link>
  2581.    <description>
  2582.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/vitesse-release_responsive-4.svg">
  2583.  
  2584. <p class="intro-paragraph">Please welcome Vitesse&reg;, a new slab serif in twelve styles.</p>
  2585.  
  2586. <p><span class="small-caps">Slab serifs are one of typography&rsquo;s most vibrant categories,</span> yet they remain dominated by two ancient forms: the nineteenth century <em>Antique,</em> and the twentieth century <em>Geometric.</em> Both are vital and living genres &mdash; we&rsquo;ve explored each of them, in our <a href="http://www.typography.com/fonts/sentinel/overview/" target="_blank">Sentinel</a> and <a href="http://www.typography.com/fonts/archer/overview/" target="_blank">Archer</a> type families &mdash; but what of the twenty-first century slab? Vitesse revels in the tension between organic letterforms and mechanical grids, and offers designers a distinctive new voice that&rsquo;s suave, confident, and stylish. Engineered for responsive handling and a sporty ride, Vitesse is now available, starting at $199.</p>]]>
  2587.    </description>
  2588.    <pubDate>Wed, 13 Jan 2010 00:00:00 +0000</pubDate>
  2589.    <guid>https://www.typography.com/blog/vitesse-a-new-font-family-from-hco#426</guid>
  2590. </item>
  2591.                   <item>
  2592.    <title><![CDATA[Because We’re, You Know, Cyborgs]]></title>
  2593.    <link>https://www.typography.com/blog/because-were-you-know-cyborgs</link>
  2594.    <description>
  2595.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/robocoffee_500.jpg">
  2596.  
  2597. <p><span class="small-caps">Odd choice of fonts.</span> Only <a href="https://www.typography.com/blog/two-fools">one way</a> to improve on it. &mdash;JH</p>]]>
  2598.    </description>
  2599.    <pubDate>Thu, 07 Jan 2010 07:08:00 +0000</pubDate>
  2600.    <guid>https://www.typography.com/blog/because-were-you-know-cyborgs#425</guid>
  2601. </item>
  2602.                   <item>
  2603.    <title><![CDATA[Uptown App, for iPhones]]></title>
  2604.    <link>https://www.typography.com/blog/uptown-app-for-iphones</link>
  2605.    <description>
  2606.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/up-up_500.jpg">
  2607.  
  2608. <p><span class="small-caps">Manhattan&rsquo;s urban grid</span> is a vaunted model of simplicity, a rectilinear plan of numbered streets intersecting numbered avenues. Never mind that West 4th Street crosses West 10th, that those walking from Fifth Avenue to Third Avenue will seldom encounter Fourth Avenue, and that &ldquo;North&rdquo; in the New York sense differs from conventional &ldquo;North&rdquo; to the tune of 29&deg;. It&rsquo;s this kind of accuracy, transparency and accountability that makes New York the perfect home for Wall Street.</p>
  2609.  
  2610. <p>A fixture of the corner of Broadway and Houston, where H&amp;Co makes its home, is a tourist population forever asking that question of the ages, &ldquo;which way is uptown?&rdquo; I can&rsquo;t entirely blame them: in the math of the NYC grid, Houston is 0th Street, and local signs wickedly conceal the real names of avenues below fake labels that are designed specifically to ensnare tourists. (Watch the meter when you ask a taxi driver to take you anywhere on &ldquo;<a href="http://en.wikipedia.org/wiki/Sixth_Avenue_(Manhattan)" target="_blank">Avenue of the Americas</a>.&rdquo;)</p>
  2611.  
  2612. <p>To the rescue comes our own Andy Clymer, whose joint interests in typography, programming, and human decency are combined in <a href="http://www.uptownapp.com/" target="_blank">Uptown App</a>, his new utility for the iPhone 3GS. Andy&rsquo;s thoughtfully used some of our fonts on what&rsquo;s actually a pretty handy app: because it uses the iPhone&rsquo;s built-in magnetometer, it can give you a quick read on &ldquo;uptown&rdquo; in places where GPS signals and cellular networks are unavailable or slow to come online, like when stepping out of freezing cold subway stations. Compared to the inconvenience of frostbite, 99&cent; is a genuine bargain. &mdash;JH</p>]]>
  2613.    </description>
  2614.    <pubDate>Mon, 21 Dec 2009 07:00:00 +0000</pubDate>
  2615.    <guid>https://www.typography.com/blog/uptown-app-for-iphones#424</guid>
  2616. </item>
  2617.                   <item>
  2618.    <title><![CDATA[Typographic Gifts for Designers, Part 17]]></title>
  2619.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-17</link>
  2620.    <description>
  2621.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/data_posters_500.jpg">
  2622.  
  2623. <p><span class="small-caps">I wonder what sort of psychological profile</span> one could draw from my favorite childhood possessions. I neither played nor followed football, but clung to my NFL lunchbox that showed all the team helmets with their different insignia. I had no special interest in English History, but was fascinated by the chart in our living room that traced the succession of British monarchs from William the Conqueror to Queen Elizabeth II. A kindergarten teacher gave me a chart of rocks and minerals found in the northeast; a kindly docent at the South Street Seaport Museum gave me a diagram showing how to communicate the alphabet using morse code, semaphore, and maritime signal flags. The list goes on and on, and only a graphic designer will understand the common thread: I had a thing for data visualization.</p>
  2624.  
  2625. <p>Whether these objects provoked my interest in design or simply resonated with it, they were marvelous things to have around as a kid. I&rsquo;m therefore delighted to see that a company called HistoryShots is offering for sale a similar collection of visually engaging prints, not merely suitable for framing but actually framed. Clockwise from top left: The History of the Union Army and Confederate Army, The Conquest of Mount Everest, Visualizing The Bible, Death and Taxes, The History of Political Parties (Part II), and the Race to the Moon. &mdash;JH</p>]]>
  2626.    </description>
  2627.    <pubDate>Thu, 17 Dec 2009 06:00:00 +0000</pubDate>
  2628.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-17#423</guid>
  2629. </item>
  2630.                   <item>
  2631.    <title><![CDATA[Typographic Gifts for Designers, Part 16]]></title>
  2632.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-16</link>
  2633.    <description>
  2634.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/the_big_three.jpg">
  2635.  
  2636. <p><span class="small-caps">&ldquo;Modern Gaspipe&rdquo;</span> is the charming taxonomic name for this kind of letterform. We&rsquo;ve explored the style in our <a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten</a> type family &mdash; itself a fine holiday gift, ahem. But for those with a hankering for decor, the always fruitful Three Potato Four has this unlittle item for sale, a huge handpainted wooden figure three (34" / 86cm), perfect for your living room, studio, or threearium. Thanks to&nbsp;Brian Hennings for finding this one: frankly <a href="https://www.typography.com/blog/new-fonts-a-graphic-designers-perspective">I&rsquo;m amazed that he hasn&rsquo;t had his fill of these kinds of letters</a>. &mdash;JH</p>]]>
  2637.    </description>
  2638.    <pubDate>Wed, 16 Dec 2009 09:00:00 +0000</pubDate>
  2639.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-16#421</guid>
  2640. </item>
  2641.                   <item>
  2642.    <title><![CDATA[G Thing]]></title>
  2643.    <link>https://www.typography.com/blog/g-thing</link>
  2644.    <description>
  2645.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/g-thing_500.jpg">
  2646.  
  2647. <p><span class="small-caps">An <a href="https://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis Italic</a> sighting is a rare event,</span> so even at 48 pixels I couldn&rsquo;t help but notice that George Garrastegui used the font&rsquo;s letter <strong class="alternate">G</strong> in his Twitter icon. George was kind enough to send me the original file, though it&rsquo;s not the mere design fragment I&rsquo;d assumed: it&rsquo;s a photo of a foot-high sculpture in corrugated cardboard, made manifest by fellow designer Maurizio Masi. Thank goodness George&rsquo;s name begins with a letter that can stand on its own, for had he been &lsquo;Frank&rsquo; or &lsquo;Peter&rsquo; he&rsquo;d have been doomed to the Sisyphean life of forever righting his own lopsided initial.</p>
  2648.  
  2649. <p>Is it me, or is there something vaguely menacing about the typeface when it&rsquo;s enlarged to these proportions? Maybe it&rsquo;s a byproduct of being given material form; curiously, this is <a href="https://www.typography.com/blog/ode-on-a-grecian-kern">not the first time</a> Acropolis Italic has gotten a spooky 3-D treatment&hellip; &mdash;JH</p>]]>
  2650.    </description>
  2651.    <pubDate>Thu, 10 Dec 2009 06:40:00 +0000</pubDate>
  2652.    <guid>https://www.typography.com/blog/g-thing#422</guid>
  2653. </item>
  2654.                   <item>
  2655.    <title><![CDATA[Typography Without Ink]]></title>
  2656.    <link>https://www.typography.com/blog/typography-without-ink</link>
  2657.    <description>
  2658.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/perforated_500.jpg">
  2659.  
  2660. <p><span class="small-caps">This weekend, I replaced a DVD player</span> that finally conked out after eleven years. Whatever delight I once took in acquiring a new piece of electronics has long been eclipsed by the responsibilities of dealing with its byproducts: its packaging, thankfully limited to recyclable cardboard and <a href="http://puffystufftn.com/" target="_blank">biodegradable packing peanuts</a>, and also the carcass of the old device itself, which this year a local <a href="http://www.escrapdestruction.com/" target="_blank">equipment recycler</a> will be disassembling and recycling as responsibly as possible. Even the best process is not a perfect one, as industrial designers and packaging designers will be the first to admit, but every little bit helps.</p>
  2661.  
  2662. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/perforated_accessories_500-2.jpg">
  2663.  
  2664. <p>The supplied accessories came in this cardboard box, which made me smile. Rather than print the cardboard before it&rsquo;s cut and folded, whoever was responsible for this piece of packaging realized that the die-cutting step offered a no-cost opportunity to mark the sheet at the same time, by shaping the strikeline into letters that partially perforate the box. That I&rsquo;m charmed by this solution probably comes as no surprise, since I have an admitted love of <a href="https://www.typography.com/fonts/numbers/inside/dividend/">perforated letterforms</a>, but I admire any effort that makes design more honest, easier to produce, and less wasteful to consume.</p>
  2665.  
  2666. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/perforated_sku_500-2.jpg">
  2667.  
  2668. <p>Because cutting dies can&rsquo;t be curled too tightly, the medium demands big letters and brief messages, which I especially appreciate. Missing from this box is all the bumf to which we&rsquo;ve become accustomed, but never needed in the first place: a reprise of the manufacturer&rsquo;s name and motto from the outer box, a fuzzy rendering of the product that by now is on the coffee table, a wordy title like <em>ETS1041E-ACC Supplied Accessory Parts Kit (US/120V),</em> a list of serial numbers for other compatible components that you didn&rsquo;t choose to buy, and finally a numbing set of bullet points that patiently explains in eight languages what you already know, which is that the box contains the power cord, a remote, and two AA batteries. &ldquo;Accessories&rdquo; says it all, and is a welcome relief to anyone now facing an evening of plugging it all in. &mdash;JH</p>]]>
  2669.    </description>
  2670.    <pubDate>Mon, 07 Dec 2009 08:00:00 +0000</pubDate>
  2671.    <guid>https://www.typography.com/blog/typography-without-ink#420</guid>
  2672. </item>
  2673.                   <item>
  2674.    <title><![CDATA[Typography at the Cooper-Hewitt]]></title>
  2675.    <link>https://www.typography.com/blog/an-hco-lecture-at-the-cooper-hewitt</link>
  2676.    <description>
  2677.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/thinking-in-type3_500.jpg">
  2678.  
  2679. <p><span class="small-caps">Continuing its celebration</span> of the tenth anniversary of the National Design Awards, The Cooper-Hewitt National Design Museum is offering a wealth of excellent programming this season. On display through April 4, 2010 is <em>Design USA: Contemporary Innovation;</em> if you&rsquo;re planning a visit soon, make it next Tuesday evening, when you can also attend <a href="http://events.cooperhewitt.org/?date=2009-12" target="_blank">Thinking in Type</a>, a lecture by Jonathan Hoefler and Tobias Frere-Jones. Registration is required, and seats are limited.</p>
  2680.  
  2681. <p><br />
  2682. <strong>Thinking in Type</strong><br />
  2683. Tuesday, December 8, 2009, 6:30&ndash;8:30pm</p>
  2684.  
  2685. <p>The Cooper-Hewitt National Design Museum<br />
  2686. 2 East 91st Street<br />
  2687. New York, NY 10128</p>]]>
  2688.    </description>
  2689.    <pubDate>Tue, 01 Dec 2009 09:20:00 +0000</pubDate>
  2690.    <guid>https://www.typography.com/blog/an-hco-lecture-at-the-cooper-hewitt#419</guid>
  2691. </item>
  2692.                   <item>
  2693.    <title><![CDATA[Things We Love]]></title>
  2694.    <link>https://www.typography.com/blog/things-we-love1</link>
  2695.    <description>
  2696.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/mark_weaver_500.jpg">
  2697.  
  2698. <p><span class="small-caps">This morning&rsquo;s post</span> by the always-fertile <a href="http://grainedit.com/2009/11/12/mark-weaver/" target="_blank">Grain Edit</a> reminds me that I&rsquo;ve wanted to write something in appreciation of <a href="http://mrkwvr.com" target="_blank">Mark Weaver</a>. As with so many things I like, Weaver&rsquo;s work is difficult to classify: design? illustration? art? The term &ldquo;collage&rdquo; might do as a formal description, but it&rsquo;s a shabby word to describe Weaver&rsquo;s mysterious inventions, which so successfully bypass both the senses and the intellect and go straight to the mid-brain. His tableaux that simultaneously evoke grange exhibits, Japanese consumer goods, early David Bowie, and recent Wes Anderson &mdash; without ever quoting any of them literally &mdash; are worth experiencing up close; spend some time with his <em>Make Something Cool Every Day</em> series, and I think you&rsquo;ll leave intriguied, delighted, and inspired. &mdash;JH</p>]]>
  2699.    </description>
  2700.    <pubDate>Fri, 13 Nov 2009 06:00:00 +0000</pubDate>
  2701.    <guid>https://www.typography.com/blog/things-we-love1#405</guid>
  2702. </item>
  2703.                   <item>
  2704.    <title><![CDATA[Down Mexico Way]]></title>
  2705.    <link>https://www.typography.com/blog/down-mexico-way</link>
  2706.    <description>
  2707.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wooden_gotham_500.jpg">
  2708.  
  2709. <p><span class="small-caps">An enchanting bit of Gotham</span> seen en route to ATypI Mexico: timbered lettering, on the storefront for <em>Guru,</em> a gallery and design emporium in Cuauht&eacute;moc owned by graphic designer Quique Ollervides. Thanks for sharing this, Nick! &mdash;JH</p>]]>
  2710.    </description>
  2711.    <pubDate>Thu, 12 Nov 2009 05:10:00 +0000</pubDate>
  2712.    <guid>https://www.typography.com/blog/down-mexico-way#404</guid>
  2713. </item>
  2714.                   <item>
  2715.    <title><![CDATA[A Type Tablet]]></title>
  2716.    <link>https://www.typography.com/blog/a-type-tablet</link>
  2717.    <description>
  2718.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ziggurat_stencil_500.jpg">
  2719.  
  2720. <p><span class="small-caps">When <a href="http://www.abihuynh.com/" target="_blank">Abi Huynh</a> sent me this image,</span> I thought at first that it was a website graphic in the prevailing style: a digital rendering of high-gloss black acrylic, against a reflective white surface, in that &ldquo;web 2.0&rdquo; style that will not go away. But no! It&rsquo;s an actual artifact, and a lovely one at that. Dominic Hofstede and Wendy Ellerton designed this <a href="http://www.hofstede.com.au/folio/type-tablet" target="_blank">limited edition stencil</a>, a lovely laser-cut thingum at A5 size, produced as a promotional gift for the Australian studio Hofstede Design. Front and center here is our <a href="https://www.typography.com/fonts/ziggurat/overview/" target="_blank">Ziggurat</a> typeface, the lone representative of roman capitals to join a great typographic crew: among others, the design features one of the world&rsquo;s best ampersands (from Caslon), along with sundry other punctuation (you know I love <a href="https://www.typography.com/blog/pilcrow-capitulum">paragraph marks</a> and <a href="https://www.typography.com/blog/house-of-flying-reference-marks">daggers</a>), and a Fraktur capital <strong class="alternate">S</strong>. &mdash;JH</p>
  2721.  
  2722. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ziggurat_stencil_parts_500.jpg">]]>
  2723.    </description>
  2724.    <pubDate>Wed, 11 Nov 2009 08:00:00 +0000</pubDate>
  2725.    <guid>https://www.typography.com/blog/a-type-tablet#418</guid>
  2726. </item>
  2727.                   <item>
  2728.    <title><![CDATA[Sure, I Guess That’s My Final Answer]]></title>
  2729.    <link>https://www.typography.com/blog/sure-i-guess-thats-my-final-answer</link>
  2730.    <description>
  2731.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/aiga_type_is_right_500.jpg">
  2732.  
  2733. <p><span class="small-caps">I have a friend,</span> a renowned philologist, who is one of the world&rsquo;s foremost authorities on the English language. He is my go-to man for typo-lexico-philological questions, like whether there&rsquo;s an English word that contains the adjacent letters <em>h</em> and <em>x</em> (<a href="https://www.typography.com/blog/adventures-in-kerning-part-ii" target="_blank">there is</a>); he&rsquo;s the sort of gent to casually drop the words &ldquo;insouciant&rdquo; and &ldquo;dope-ass&rdquo; in the same sentence. It was therefore with great temerity that I once challenged him to a game of Scrabble, which to my surprise and relief he declined. &ldquo;I hope you understand,&rdquo; he said, &ldquo;I can&rsquo;t. What would happen if I lost?&rdquo;</p>
  2734.  
  2735. <p>This allegory was far from my mind when I agreed to captain Team C at &ldquo;<a href="http://www.aigany.org/events/details/10TR/" target="_blank">The Type is Right</a>,&rdquo; the AIGA/NY&rsquo;s first-ever typographic game show. Join me and H&amp;Co designers Andy Clymer and Sara Soskolne, along with nine other nerds and nerdesses, as we go for the gold tonight in Brooklyn. The contestants&rsquo; range of interests and inclinations suggests a fun evening, probably one rife with withering embarrassments that you won&rsquo;t want to miss. So come and join us this evening at Galapagos in DUMBO, and see which lucky typographer gets the chance to go all Kanye on the actual winner. &mdash;JH</p>
  2736.  
  2737. <p><br />
  2738. <strong>The Type is Right</strong><br />
  2739. Monday, November 9, 2009, 6:30&ndash;8:30pm</p>
  2740.  
  2741. <p>Galapagos Art Space<br />
  2742. 16 Main Street<br />
  2743. DUMBO, Brooklyn</p>
  2744.  
  2745. <div class="addendum">
  2746. <p><strong class="label">Update:</strong> Team H&amp;Co clinches the vaunted title! Assisted in no small part by our fourth contestant, selected from the audience by random draw: typomaniac <a href="http://www.bodytypebook.com/ina/index.html" target="_blank">Ina Saltz</a>. (Which is a little like learning that &ldquo;one of the dads,&rdquo; who has volunteered to fill in at a Little League game, turns out to be Barry Bonds.) Thanks to the AIGA/NY, emcee Ellen Lupton, host Matteo Bologna, puzzlemaster Paul Shaw, and all the other participants for making it a fun evening. And please never remind us that we mistook a line of Zuzana Licko&rsquo;s <em>Filosofia</em> (1996) for a line of Giambattista Bodoni&rsquo;s <em>Manuale Tipografico</em> (1788). Our only explanation is that the venue boasts very bright spotlights, and an enviable collection of pale ales.</p>
  2747. </div>]]>
  2748.    </description>
  2749.    <pubDate>Mon, 09 Nov 2009 08:00:00 +0000</pubDate>
  2750.    <guid>https://www.typography.com/blog/sure-i-guess-thats-my-final-answer#417</guid>
  2751. </item>
  2752.                   <item>
  2753.    <title><![CDATA[Fonts in Time and Space]]></title>
  2754.    <link>https://www.typography.com/blog/fonts-in-time-and-space</link>
  2755.    <description>
  2756.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gretel_500.jpg">
  2757.  
  2758. <p><span class="small-caps">By the way, that tiny screen grab below</span> &mdash; which even fixed in time is so charmingly reminiscent of that <a href="http://www.aiga.org/content.cfm/rebuilding-a-legacy-the-gastrotypographicalassemblage" target="_blank">CBS cafeteria</a> designed by Lou Dorfsman &mdash; is but part of a captivating typographic video designed by <a href="http://gretelny.com/" target="_blank">Gretel</a>. Greg Hahn was kind enough to share with me <a href="http://gretelny.com/quicktimesv2.php?clip=YahMOVIESuniversalAud1.mov&amp;projID=10&amp;subID=0&amp;id=16" target="_blank">the original</a>; I hope you enjoy it as much as I do. &mdash;JH</p>]]>
  2759.    </description>
  2760.    <pubDate>Fri, 06 Nov 2009 06:00:00 +0000</pubDate>
  2761.    <guid>https://www.typography.com/blog/fonts-in-time-and-space#416</guid>
  2762. </item>
  2763.                   <item>
  2764.    <title><![CDATA[Lubalin’s Legacy]]></title>
  2765.    <link>https://www.typography.com/blog/lubalins-legacy</link>
  2766.    <description>
  2767.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/lms-3st_500.jpg">
  2768.  
  2769. <p><span class="small-caps">Leonardo da Vinci might have made scientific studies</span> of the vascular system and designed the steam cannon, but today he&rsquo;s best remembered as the painter of the Mona Lisa. Some identify Johann Sebastian Bach with his concerti, cantatas, and brilliant fantasias for the keyboard, but most know him only as the tunesmith behind that staple of afternoon weddings, &ldquo;Air on the G String.&rdquo; It&rsquo;s a cruel fate, to be remembered only for your least ambitious work, as type designers from Frederic Goudy to Ed Benguiat can surely attest. But none has suffered more than the estimable Herb Lubalin, a situation which the Cooper Union will begin to correct tonight.</p>
  2770.  
  2771. <p>Lubalin&rsquo;s name has become convenient shorthand for his eponymous family of typefaces, ITC Lubalin Graph. The design, an okay slab serif in seventies dress, was in turn an adaptation of his sans serif design ITC Avant Garde &mdash; itself an adaptation of his earlier logotype and lettering for Avant Garde magazine. For many, Lubalin&rsquo;s body of work ends here, a tragedy that eclipses a whole universe of letters that came from the hand and mind of one of typography&rsquo;s most significant practitioners.</p>
  2772.  
  2773. <p>Tonight, the Cooper Union in New York opens <a href="http://lubalincenter.cooper.edu/" target="_blank">Lubalin Now</a>: the inaugural exhibit at the Herb Lubalin Study Center of Design and Typography. The exhibit, curated by Mike Essl and Alexander Tochilovsky, celebrates not only Lubalin&rsquo;s work but that of contemporary designers who channel the Lubalinesque. Just a very few of my favorites appear below; the show promises lots more, as well as an answer to an age-old question: it&rsquo;s Loo-<em>bal</em>-in, not <em>Loob-</em>a-lin. &mdash;JH</p>
  2774.  
  2775. <p><br />
  2776. <strong>Lubalin Now</strong><br />
  2777. Opening Reception Thursday, November 5, 2009, 6:00&ndash;8:00pm<br />
  2778. Exhibit on view through December 8, 2009</p>
  2779.  
  2780. <p>The Cooper Union<br />
  2781. 41 Cooper Square<br />
  2782. New York, NY 10003<br />
  2783. &nbsp;</p>
  2784.  
  2785. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/lubalin_500.jpg">
  2786.  
  2787. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/jtk-mo_500.jpg">
  2788.  
  2789. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/at-g_500.jpg">]]>
  2790.    </description>
  2791.    <pubDate>Thu, 05 Nov 2009 09:48:00 +0000</pubDate>
  2792.    <guid>https://www.typography.com/blog/lubalins-legacy#415</guid>
  2793. </item>
  2794.                   <item>
  2795.    <title><![CDATA[Titles & End Credits]]></title>
  2796.    <link>https://www.typography.com/blog/titles-end-credits</link>
  2797.    <description>
  2798.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/movie_titles_small.png">
  2799.  
  2800. <p><span class="small-caps">Changing fashions in movie titles</span> are one of the richest veins in typography&rsquo;s fossil record. On his website, graphic designer Christian Annyas has put together a nice collection of <a href="http://www.annyas.com/screenshots/#at" target="_blank">movie title stills</a> &mdash; both opening and end credits &mdash; offering a handy synopsis of twentieth century lettering. Rather than an exhaustive survey, Annyas has curated a small and personal collection that&rsquo;s conveniently organized by decade: dipping into any period offers a convenient way of getting a taste for the lettering of the era.</p>
  2801.  
  2802. <p>Keep an eye out for &ldquo;in-camera&rdquo; lettering, in which lettering is incorporated into on-screen props. The book in <em><a href="https://www.typography.com/images/blogImages/jeux-interdits-title-still.jpg">Jeux Interdits</a></em> uses a popular trope; the telephone in <em><a href="https://www.typography.com/images/blogImages/dial-m-for-murder-title-still.jpg">Dial M for Murder</a></em> and the playing cards of <em><a href="https://www.typography.com/images/blogImages/roman-d-un-tricheur-movie-title-screen-shot.jpg">Le Roman d&rsquo;un Tricheur</a></em> have become classics. Truly stirring is the occasional title that feels jarringly modern: <em><a href="https://www.typography.com/images/blogImages/fly-movie-title-screen.jpg">The Fly</a></em> has the sort of purposeful unease that still strikes a chill, fifty-one years later. &mdash;JH</p>]]>
  2803.    </description>
  2804.    <pubDate>Tue, 03 Nov 2009 09:40:00 +0000</pubDate>
  2805.    <guid>https://www.typography.com/blog/titles-end-credits#414</guid>
  2806. </item>
  2807.                   <item>
  2808.    <title><![CDATA[To the Best of Our Knowledge]]></title>
  2809.    <link>https://www.typography.com/blog/to-the-best-of-our-knowledge</link>
  2810.    <description>
  2811.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wisconsin_public_radio.png">
  2812.  
  2813. <p><span class="small-caps">Since you&rsquo;ll be at home tomorrow anyway,</span> hopped up on leftover miniature chocolate bars that you couldn&rsquo;t pawn off on discerning neighborhood kids, tune in to Wisconsin Public Radio to hear <em>To the Best of Our Knowledge:</em> tomorrow&rsquo;s program will be about fonts. Join me, Tobias Frere-Jones, and Matthew Carter for an hour of typography, either on the air or <a href="http://wpr.org/book/091101b.cfm" target="_blank">online</a>. Other guests include Kitty Burns Florey discussing handwriting, Tracy Honn on the work of the Silver Buckle Press &mdash; and discussing the Amazon Kindle, one of <a href="https://www.typography.com/blog/books-as-furniture">my favorite</a> people, Nicholson Baker. &mdash;JH</p>]]>
  2814.    </description>
  2815.    <pubDate>Sat, 31 Oct 2009 11:00:00 +0000</pubDate>
  2816.    <guid>https://www.typography.com/blog/to-the-best-of-our-knowledge#413</guid>
  2817. </item>
  2818.                   <item>
  2819.    <title><![CDATA[Teens, Typography, and Tim Gunn]]></title>
  2820.    <link>https://www.typography.com/blog/teens-typography-and-tim-gunn</link>
  2821.    <description>
  2822.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ndw_logo.png">
  2823.  
  2824. <p><span class="small-caps">&ldquo;Designers&hellip;&rdquo;</span></p>
  2825.  
  2826. <p>I knew I wanted to work with type by the time I turned eleven. Back then, my curiosity about letter-making could only be satisfied in oblique and solitary ways, most of which involved borrowed sheets of Presstype, and goofing off with the family <a href="https://www.typography.com/blog/selectric-days">typewriter</a>. The Mac couldn&rsquo;t have come soon enough.</p>
  2827.  
  2828. <p>Young typophiles today have more outlets for their enthusiasm (you are here), but next Monday will gain rare access to the profession as well: National Design Week begins October 18, when the Cooper-Hewitt National Design Museum will inaugurate the festivities with its <a href="http://www.nationaldesignawards.org/2009/nationaldesignweek" target="_blank">2009 Teen Design Fair</a> in New York. Teenagers with an interest in design are invited to learn about type design &mdash; as well as graphic design, fashion, industrial design, and architecture &mdash; by chatting one-on-one with dozens of <a href="http://www.nationaldesignawards.org/2009/teen-design-fair" target="_blank">practitioners</a>, including me. And <em>Project Runway</em> host Tim Gunn emcees the event! &mdash;JH</p>
  2829.  
  2830. <p><br />
  2831. <strong>Teen Design Fair</strong><br />
  2832. Monday, October 19, 4:00-6:30pm</p>
  2833.  
  2834. <p>The Times Center<br />
  2835. 242 West 41st Street<br />
  2836. New York, NY 10018</p>]]>
  2837.    </description>
  2838.    <pubDate>Mon, 12 Oct 2009 06:30:00 +0000</pubDate>
  2839.    <guid>https://www.typography.com/blog/teens-typography-and-tim-gunn#412</guid>
  2840. </item>
  2841.                   <item>
  2842.    <title><![CDATA[New Fonts: A Graphic Designer’s Perspective]]></title>
  2843.    <link>https://www.typography.com/blog/new-fonts-a-graphic-designers-perspective</link>
  2844.    <description>
  2845.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-title_500.png">
  2846.  
  2847. <p><span class="small-caps">Most graphic designers choose the fonts</span> that best fit their projects. Brian Hennings does the opposite: he chooses the projects that best fit the fonts. A resident designer at Hoefler&amp;Co, Brian shares with me the responsibility of creating all of the sample art you&rsquo;ll find on this site. His is a strange universe of the fictitious: signage programs for mythical cities, book jackets for unwritten novels, product literature for items you cannot buy, broadcast graphics for live sporting events that you can&rsquo;t quite identify. (They might have a ball, horses, cars, rifles, or all of the above.) His fake cookbook recipes have immaculate typography, but I wouldn&rsquo;t recommend trying to cook from any of them.</p>
  2848.  
  2849. <p>Two weeks ago, we released our new <a href="https://www.typography.com/fonts/tungsten/overview/">Tungsten</a> font family, accompanied by an unusually large collection of sample art: Brian and I just couldn&rsquo;t put the new fonts down. The feedback we received was extraordinary in both its kindness and its volume, and I was especially happy to see so many designers specifically mention the art that we&rsquo;d worked so hard to create. Since Brian&rsquo;s job gives him a unique perspective on typography &mdash; plus enviable access to fonts that the rest of the world won&rsquo;t see for years &mdash; I asked him to share some of his observations about the process: what it&rsquo;s like to use a new font that no one&rsquo;s ever used, what it tells you about itself, and what it reveals about typography in general. Without further ado, <a href="https://www.typography.com/blog/new-fonts-a-graphic-designers-perspective">here&rsquo;s Brian</a>. &mdash;JH</p>
  2850. <!--read_more-->
  2851.  
  2852. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-caps-small_500.png">
  2853.  
  2854. <h2>A blind date with Tungsten</h2>
  2855.  
  2856. <p>&ldquo;When I started to see the first proofs of the Tungsten family floating around the office, I knew that I&rsquo;d someday want to use the fonts for something <em>epic.</em> I imagined the font looking its best in bold capitals, tightly tracked, and set as large as possible. When I did finally get my hands on beta versions of the fonts, this was just as satisfying as I imagined &mdash; using Tungsten this way is a <em>lot</em> of fun. So the first things I explored with the fonts were the kinds of settings that invited painterly typography: I used Tungsten&rsquo;s heaviest weights for posters, magazine headlines, retail store logos, and signs, anywhere that I could show off the fonts&rsquo; broad shoulders. All of these settings looked great, and were just as energetic and arresting as I hoped they would be. But it was when I started to try out the family&rsquo;s lighter weights that things really started to cook.&rdquo;</p>
  2857.  
  2858. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-mini-combined.png">
  2859.  
  2860. <p>&ldquo;At first, I thought Tungsten&rsquo;s Medium and Semibold would be most useful for supporting copy. On an <a href="http://cdn.typography.com/assets/images/blog/tungsten-editorial2-large.png">editorial opener</a> set in the Bold, we used the Medium for a byline; on a <a href="http://cdn.typography.com/assets/images/blog/tungsten-motorbrochure-large.png">brochure cover</a>, I started with Semibold for the caption, but then liked it for the larger headline as well. When Jonathan and I made a <a href="http://cdn.typography.com/assets/images/blog/tungsten-musicfestival-large.png">poster for a music festival</a>, we both assumed that the open counters of the Medium would make it the best choice for the smaller type (dates and times, opening acts, etc.), but were surprised to see how legible the Bold caps were &mdash; even at 11 point. With these kinds of sizes available to us, I started thinking about other kinds of applications that might work, and all kinds of Tungsten projects came to mind: print packaging, broadcast graphics, branding guidelines, videogames, books, websites&hellip;&rdquo;</p>
  2861.  
  2862. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-weights-small_500.jpg">
  2863.  
  2864. <h2>Four-in-one</h2>
  2865.  
  2866. <p>&ldquo;I often think of Jan Tschichold&rsquo;s advice, that designers should stick to using a single font wherever possible. I discovered when I was working as a book designer just how hard it was to follow this rule, and would often find myself having to mix lots of styles from related faces just to achieve a consistent tone across a single page. Tungsten&rsquo;s one of the few type families I&rsquo;ve worked with that seems to be able to bend Tschichold&rsquo;s rule without breaking it: each of the fonts manages to produce a different color, but they all have a similar texture. It&rsquo;s as if each weight has a different voice, but they all share the same accent.</p>
  2867.  
  2868. <p>&ldquo;Working with Tungsten definitely made me think about how <em>coherent</em> I really need a type family to be. There are families I&rsquo;ve used in which different weights don&rsquo;t seem to be related at all, where using even the Light with the Bold manages to upset Tschichold&rsquo;s rule. There are also condensed faces that never quite seem to be the right width, always feeling too condensed, too wide, or only working at a specific size. I find that fonts with too small a &ldquo;sweet spot&rdquo; can be really frustrating to use: if they can&rsquo;t perform while a single design evolves, they&rsquo;re going to be even harder to use on multiple projects &mdash; and as someone who <em>buys</em> fonts, that&rsquo;s especially important to me. It was really nice to prepare a range of projects with Tungsten, and never once feel that the fonts limited my options. Whenever we needed to make the type bigger, we just did.&rdquo;</p>
  2869.  
  2870. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-sculptural-small_500.png">
  2871.  
  2872. <h2>Secret weapon</h2>
  2873.  
  2874. <p>&ldquo;A lot of condensed sans serifs look great when set in all caps, but some of them have lowercases that never quite click. Many of these faces seem to have very rigid capitals, but very fluid lowercases, which can distractingly make them feel like two separate fonts. In the past, I&rsquo;ve developed stylebooks that call for capitals, and watched with horror as some later need for lowercase totally transformed the texture of the page, in a really unwanted way. Comparing the caps and lowercase has become another kind of &ldquo;coherence&rdquo; that I now look for when choosing a font, especially a condensed sans.</p>
  2875.  
  2876. <p>&ldquo;Initially, I was so fixated on Tungsten&rsquo;s caps that I didn&rsquo;t even think about the lowercase. It was only after noticing how the font performed in smaller sizes that I began to use it to set lengthier copy, which of course meant using the lowercase as well. And once I&rsquo;d used the lowercase in small sizes, it started to creep into my work in larger and larger sizes. At headline sizes, the interaction between lowercase letters is really engaging, even hypnotic. (In Adobe Illustrator, staring at the machined quality of those letterforms at 3200% size, I found myself thinking of that car commercial where the marble glides along the groove between two panels of bodywork...) By the end of the project, I was surprised to find that almost two-thirds of the artwork I&rsquo;d created favored Tungsten&rsquo;s lowercase, rather than its caps. And in many of these, the fonts were used very small, at sizes where I didn&rsquo;t expect their flavor to even come through. It was definitely nice to see that even in straightforward settings, Tungsten always remained inviting to read, and it always felt like itself.&rdquo;</p>
  2877.  
  2878. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-cap-hyphenation_500.png">
  2879.  
  2880. <h2>The little things</h2>
  2881.  
  2882. <p>&ldquo;Jonathan often says that a type family should be &ldquo;as small as possible, but as big as necessary,&rdquo; though the H&amp;Co library does seem to favor thoroughness over brevity. Tungsten has just four weights, making it the smallest type family I&rsquo;ve worked with this year: I&rsquo;ve also been working with <a href="https://www.typography.com/fonts/sentinel/overview/" target="_blank">Sentinel</a> (12 styles) and the new <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gothams</a> (66 styles.) Tungsten&rsquo;s not the kind of family that really needs pyrotechnics &mdash; no swashes, old-style figures, or optical sizes here &mdash; but it&rsquo;s definitely not lacking features.</p>
  2883.  
  2884. <p>&ldquo;One finishing touch that I especially appreciated was a set of alternate punctuation, designed to align with the numbers and the caps. In most fonts, the dashes and the colon are positioned to align with the lowercase; in some fonts they&rsquo;re raised, so they center with the caps. Tungsten includes both kinds, accessible not only through the &ldquo;all caps&rdquo; OpenType feature, but through the &ldquo;stylistic alternate&rdquo; feature as well. I found this especially easy to use when setting complicated situations like the one above, where the colon is centered on the height of the figures, but the en dash aligns with the lowercase. How nice to be able to do this without single-character baseline shifts, or any of the other unmentionable crimes that bad fonts demand of good designers!&rdquo;</p>
  2885.  
  2886. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tungsten-motion_500.png">
  2887.  
  2888. <h2>What I really want to do is direct</h2>
  2889.  
  2890. <p>&ldquo;When we finally had to put the artwork to bed, I still hadn&rsquo;t finished doing everything I wanted to do with Tungsten. (In the Illustrator screen capture above, you&rsquo;ll see scraps of half-finished pharmaceutical packaging, a science textbook, onscreen graphics for an awards show, an infographic from a snowboarding magazine...) What I wanted to try with Tungsten most of all were motion graphics: specifically, animated movie titles. We all agreed that the font just demands to be used for the opening credits of a Hollywood blockbuster, though we never did agree on the genre. A spy thriller seems like a natural, or anything with a criminal theme for that matter: is Tungsten the hard-boiled detective in a shearling coat, the English dandy with a walking stick and a vintage convertible, or the small-town judge who delivers a very personal style of justice? It could certainly be a straight-faced stoner comedy, a slasher film, or anything from the sci-fi realm. Next summer I expect to see Tungsten on the side of a battleship, a Formula One race car, or a star destroyer. Or in the opening credits of that new crypto thriller <em>TUN65T3N.</em> Starts Friday, theaters everywhere. This font is not yet rated.&rdquo; &mdash;BH</p>]]>
  2891.    </description>
  2892.    <pubDate>Wed, 30 Sep 2009 13:00:00 +0000</pubDate>
  2893.    <guid>https://www.typography.com/blog/new-fonts-a-graphic-designers-perspective#411</guid>
  2894. </item>
  2895.                   <item>
  2896.    <title><![CDATA[Introducing Tungsten]]></title>
  2897.    <link>https://www.typography.com/blog/introducing-tungsten</link>
  2898.    <description>
  2899.        <![CDATA[<p><span class="small-caps">A few years ago, we started wondering</span> if there was a way to make a flat-sided sans serif that was disarming instead of brutish, one that employed confidence and subtlety instead of just raw testosterone. It was an unusual design brief for ourselves, completely without visual cues and trading in cultural associations instead: &ldquo;more Steve McQueen than Steven Seagal,&rdquo; reads one note; &ldquo;whiskey highball, not a martini&rdquo; suggests another.</p>
  2900.  
  2901. <p>The result is <strong>Tungsten&reg;</strong>, a tight family of high-impact fonts in four weights: muscular and persuasive, without sacrificing wit, versatility, or style. Now starting at <strong>$99.</strong></p>]]>
  2902.    </description>
  2903.    <pubDate>Wed, 16 Sep 2009 07:00:00 +0000</pubDate>
  2904.    <guid>https://www.typography.com/blog/introducing-tungsten#408</guid>
  2905. </item>
  2906.                   <item>
  2907.    <title><![CDATA[“Someone Found a Letter You Drew Me, On the Radio…”]]></title>
  2908.    <link>https://www.typography.com/blog/someone-found-a-letter-you-drew-me-on-the-radio</link>
  2909.    <description>
  2910.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wnyc_logo_500.png">
  2911.  
  2912. <p><span class="small-caps">This afternoon, typography joins the ranks</span> of the wonderfully obscure on <em>Please Explain,</em> my favorite segment of the <a href="http://www.wnyc.org/shows/lopate/explain.html" target="_blank">Leonard Lopate Show</a>: Steven Heller and I will be on hand to discuss, if not actually explain, typography. If you&rsquo;re in the New York area, join us around 1:20pm EST at WNYC-FM 93.9 or AM 820, or follow the podcast at <a href="http://www.npr.org/rss/podcast/podcast_detail.php?siteId=4819409" target="_blank">wnyc.org</a>. &mdash;JH</p>]]>
  2913.    </description>
  2914.    <pubDate>Fri, 11 Sep 2009 07:11:00 +0000</pubDate>
  2915.    <guid>https://www.typography.com/blog/someone-found-a-letter-you-drew-me-on-the-radio#410</guid>
  2916. </item>
  2917.                   <item>
  2918.    <title><![CDATA[Mortal Enemy of the Hyphen]]></title>
  2919.    <link>https://www.typography.com/blog/mortal-enemy-of-the-hyphen</link>
  2920.    <description>
  2921.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wolfe-585_responsive.svg">
  2922.  
  2923. <p><span class="small-caps">Above, the full name</span> of the <a href="http://en.wikipedia.org/wiki/Wolfe%2B585,_Senior" target="_blank">Philadelphian typesetter</a> who was otherwise&nbsp;known as &ldquo;Wolfe+585,&rdquo; or less mercifully,&nbsp;&ldquo;Hubert Blaine Wolfeschlegelsteinhausenbergerdorff, Sr.&rdquo;&nbsp;to his friends. Could there have been many? &mdash;JH</p>]]>
  2924.    </description>
  2925.    <pubDate>Fri, 28 Aug 2009 10:10:00 +0000</pubDate>
  2926.    <guid>https://www.typography.com/blog/mortal-enemy-of-the-hyphen#407</guid>
  2927. </item>
  2928.                   <item>
  2929.    <title><![CDATA[Inside the H&Co Drawing Office]]></title>
  2930.    <link>https://www.typography.com/blog/inside-the-hco-drawing-office</link>
  2931.    <description>
  2932.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/drawing_office_500.jpg">
  2933.  
  2934. <p><span class="small-caps">A View of the Drawing-Office</span> of Hoefler&amp;Co, Manufacturers of Phonograms &amp; Allophones. Special Designs &amp; Estimates Submitted on Enquiry. Write: H. &amp; Co., Houston-Street, New York.</p>
  2935.  
  2936. <p>Just kidding. Thanks, Eric Baker, for the photo! &mdash;JH</p>]]>
  2937.    </description>
  2938.    <pubDate>Wed, 19 Aug 2009 04:00:00 +0000</pubDate>
  2939.    <guid>https://www.typography.com/blog/inside-the-hco-drawing-office#409</guid>
  2940. </item>
  2941.                   <item>
  2942.    <title><![CDATA[These Aren’t The Fifty States You’re Looking For]]></title>
  2943.    <link>https://www.typography.com/blog/these-arent-the-fifty-states-youre-looking-for</link>
  2944.    <description>
  2945.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/us-border_4_500.jpg">
  2946.  
  2947. <p><span class="small-caps">In <a href="http://www.fastcompany.com/blog/ellen-lupton/design-your-life/when-design-too-good" target="_blank">Fast Company</a>,</span> Ellen Lupton writes:</p>
  2948.  
  2949. <blockquote class="excerpt">The graphic designer Michael Bierut, a partner working in the New York office of the firm Pentagram, designed a 21-foot sign for the new U.S.-Canada border crossing at Massena, New York. The sign, as well as the building, which was designed by architects Smith-Miller &amp; Hawkinson, has received substantial praise as a bold and daring piece of federal design. Too daring, perhaps. The sign is being dismantled by the Customs and Border Protection Agency for fear that it will be a target for terrorists.</blockquote>
  2950.  
  2951. <p>I share Michael Bierut&rsquo;s hesitation in second-guessing the seasoned professionals at the Department of Homeland Security, who surely know more about armed extremists than I would ever want to. Still, I think there&rsquo;s a compromise to be struck: if the goal is to create a typographic fig leaf that disguises one&rsquo;s arrival at our 9,161,923 square kilometer nation, why not change the inscription to &ldquo;Bienvenidos a M&eacute;xico?&rdquo; &mdash;JH</p>
  2952.  
  2953. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/us-border_1_500.jpg">]]>
  2954.    </description>
  2955.    <pubDate>Thu, 13 Aug 2009 10:30:00 +0000</pubDate>
  2956.    <guid>https://www.typography.com/blog/these-arent-the-fifty-states-youre-looking-for#406</guid>
  2957. </item>
  2958.                   <item>
  2959.    <title><![CDATA[“Curved, Pointy, and Nervous-Looking Types”]]></title>
  2960.    <link>https://www.typography.com/blog/curved-pointy-and-nervous-looking-types</link>
  2961.    <description>
  2962.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/rob-roy-kelly-chromatic_500.png">
  2963.  
  2964. <p><span class="small-caps">It is 1953, and you are a graduate student</span> at the Yale University School of Art. Alvin Eisenman has just established a new discipline called &ldquo;graphic arts,&rdquo; in which you are studying &mdash; under the legendary Josef Albers, Herbert Matter, and Alvin Lustig &mdash; a new approach to design, which will come to be known as Modernism. Five years from now, the world will witness the birth of Helvetica and Univers, typographic milestones that will forever affirm the ascendancy of the Swiss International Style. It is amidst this visual culture, with its disciplined sans serifs, rationalized grid systems, and asymmetric layouts, that you discover your deep love of typography. So you dedicate yourself to the study of its most unfashionable, shadowy, and anarchic tributary: nineteenth century American wood type. You are Rob Roy Kelly.</p>
  2965.  
  2966. <p>Today, Kelly&rsquo;s name is synonymous with <em><a href="https://www.amazon.com/gp/product/0306800594/ref=as_li_tl?ie=UTF8&tag=typographycom-20&camp=1789&creative=9325&linkCode=as2&creativeASIN=0306800594&linkId=04a482f3c62b5f1424a5914202bdc6ed" target="_blank">American Wood Type: 1828-1900</a>,</em> his 1969 opus that remains the standard desk reference on the subject. Forty years ago, the manuscript was the result of a long and difficult search for answers. After leaving Yale, Kelly went to the Minneapolis School of Art to establish a graphic design department, and his attempt to procure a collection of material for the school press revealed at once how moribund wood type had become, and how neglected it remained as an area of study. Beginning with a collection of ephemeral type specimen books, and ultimately growing to include several hundred full fonts of type, what quickly became &ldquo;The Kelly Collection&rdquo; served as a working library for Kelly&rsquo;s own research. Between 1966 and 1993, the collection passed through the hands of several individuals and institutions, finally finding a home at the University of Texas at Austin. During this time, Van Nostrand Reinhold&rsquo;s publication of <em>American Wood Type</em> went out of print; Da Capo Press introduced a paperback version, which also went out of print; what designers and scholars have been left with is the diluted and incomplete <em>100 Wood Type Alphabets</em> produced by Dover Editions in 1977. Happily, the University of Texas has adapted the original work for the web: <a href="http://www.utexas.edu/cofa/a_ah/rrk/index.php" target="_blank">The Rob Roy Kelly American Wood Type Collection</a> is now available online, featuring much of Kelly&rsquo;s scholarship, and many of the illustrations from the original work.</p>
  2967.  
  2968. <p>In keeping with the traditions of the trade, Kelly&rsquo;s enthusiasm for wood type was obsessive. Chronicling his work on <em>American Wood Type</em> in the book&rsquo;s introduction, Kelly wrote, &ldquo;my reputation as a bore at cocktail parties grew immeasurably during these years,&rdquo; a sentiment doubtless familiar to anyone connected with type. Like many enthusiasts, Kelly&rsquo;s devotion to typography was deep, sincere, and consuming, but it was also mercurial. In 1990, when I went to the <em>Modernism &amp; Eclecticism</em> symposium to hear Kelly deliver a lecture entitled &ldquo;Cast-Iron and Brass Trivets,&rdquo; I learned along with hundreds of other graphic designers in the audience that &ldquo;trivet&rdquo; was not an obscure term of art from the golden age of wood type: Kelly had concluded his study of wood type, and had simply moved on to another area of scholarship, namely cast-iron kettle stands. Somewhere, I hope there is a blog devoted to trivets that will include the opposite anecdote, the story of the eminent trivetologist who was once, bewilderingly, a leading authority on wood type. I suspect Kelly would love it. &mdash;JH</p>]]>
  2969.    </description>
  2970.    <pubDate>Wed, 12 Aug 2009 11:30:00 +0000</pubDate>
  2971.    <guid>https://www.typography.com/blog/curved-pointy-and-nervous-looking-types#403</guid>
  2972. </item>
  2973.                   <item>
  2974.    <title><![CDATA[John Downer at The Propagandist]]></title>
  2975.    <link>https://www.typography.com/blog/john-downer-at-the-propagandist</link>
  2976.    <description>
  2977.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/john-downer-letter_500.jpg">
  2978.  
  2979. <p><span class="small-caps">Twenty years ago, John Downer and I</span> were introduced by a mutual friend. He&rsquo;d introduced us as &ldquo;type designers,&rdquo; a flattering description of my professional achievements to date (I was a recent refugee from graphic design), and a somewhat elliptic summary of John&rsquo;s credentials. Whether or not he was intentionally vague, I&rsquo;ll never know, but it set me up for a very entertaining afternoon.</p>
  2980.  
  2981. <p>John visited my studio, where I was working on a set of roman capitals that would ultimately become the <a href="https://www.typography.com/fonts/requiem/overview/">Requiem</a> typeface. He had some suggestions about the design, which like most critiques were especially hard to articulate; typography suffers from a poverty of terminology. Eyeing two bottles of Rich Art poster paint in my taboret, John reached for these along with a sheet of typing paper, and the cheap plastic paintbrush that I kept for dusting my keyboard. In a few effortless strokes of black, he perfectly reproduced Requiem&rsquo;s capital <strong class="alternate">S</strong>, waited a moment for the paint to dry, and then reloaded the brush with white to render his corrections. The whole shebang couldn&rsquo;t have taken fifteen seconds, most of it spent waiting for paint to dry. I just stared: it was like watching someone fold a paper napkin into a remote control helicopter, and then pilot it around the room. The detail our mutual friend had neglected to mention, of course, is that John came to type design through his other profession: he is a master sign painter.</p>
  2982.  
  2983. <p>Type design has always been a wonderfully polygenetic field, and a random sampling of practitioners is likely to include calligraphers, graphic designers, stonemasons, letterpress printers, engravers, graffiti artists, and programmers. This mixture produces a marvelous synthesis of perspectives in terms of both technique and culture, and serves to make type design a vigorous and exciting discipline. But few type designers I know bring this particular experience to bear on their work:</p>
  2984.  
  2985. <blockquote class="excerpt">I began graduate studies in painting at The University of Iowa in 1973 after working at sign shops in Des Moines for about a year. The chairman of the painting department at the UI was Byron Burford, proprietor of The Great Byron Burford Circus of Artistic Wonders &mdash; a traveling art show and circus, in one. It included moving cutouts of exotic animals, motorized trapeze artists, contortionists, and acrobats...</blockquote>
  2986.  
  2987. <p>This is from Freshjive&rsquo;s <a href="http://www.freshjive.com/propagandist/25/john-downer?page=7&amp;clean_url=1&amp;gallery_id=25&amp;gallery_url_name=john-downer&amp;total_records=26" target="_blank">The Propagandist</a>, which today is presenting a nice slideshow of John&rsquo;s work in connection with a line of lettered <a href="http://www.freshjive.com/propagandist/25/john-downer" target="_blank">t-shirts</a>. &mdash;JH</p>]]>
  2988.    </description>
  2989.    <pubDate>Wed, 05 Aug 2009 12:15:00 +0000</pubDate>
  2990.    <guid>https://www.typography.com/blog/john-downer-at-the-propagandist#402</guid>
  2991. </item>
  2992.                   <item>
  2993.    <title><![CDATA[Ask H&Co: Fonts for Financials]]></title>
  2994.    <link>https://www.typography.com/blog/ask-hco-fonts-for-financials</link>
  2995.    <description>
  2996.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/askHfj-annualReports_1920.png">
  2997.  
  2998. <p><span class="small-caps">Annual reports offer designers</span> a marvelous opportunity to strut their stuff. In the hands of a thoughtful typographer, a dense volume of technical text can become warm and welcoming, its changing rhythm of introductions, statements, analyses, and disclosures calling for a beautiful typographic system to help organize the text. Financial data can be uniquely satisfying to design, offering an irresistible opportunity to work with large type families in intricate ways. There are tables both long and short, as well as charts, graphs, and diagrams, all studded with headings, footnotes, and legends that defy even the most ingenious grid.</p>
  2999.  
  3000. <p>Each of these details places a special burden on the fonts, making it especially important to choose the right palette up front. We&rsquo;ve gathered some thoughts about choosing fonts for annual reports for our <em>Techniques</em> library, here you&rsquo;ll find four things to think about when considering a typeface &mdash; and a collection of font families specifically designed to meet these unique challenges.</p>]]>
  3001.    </description>
  3002.    <pubDate>Thu, 30 Jul 2009 05:00:00 +0000</pubDate>
  3003.    <guid>https://www.typography.com/blog/ask-hco-fonts-for-financials#401</guid>
  3004. </item>
  3005.                   <item>
  3006.    <title><![CDATA[In Today’s Mail]]></title>
  3007.    <link>https://www.typography.com/blog/in-todays-mail</link>
  3008.    <description>
  3009.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-white-house-invitation_500.png">]]>
  3010.    </description>
  3011.    <pubDate>Tue, 14 Jul 2009 18:11:00 +0000</pubDate>
  3012.    <guid>https://www.typography.com/blog/in-todays-mail#462</guid>
  3013. </item>
  3014.                   <item>
  3015.    <title><![CDATA[Made With H&Co]]></title>
  3016.    <link>https://www.typography.com/blog/made-with-hco</link>
  3017.    <description>
  3018.        <![CDATA[<p><span class="small-caps">An optometrist&rsquo;s business card,</span> the packaging for a rubber band gun, a basketball court, a scented candle, the concrete signage markers for subtropical hiking trails: these are just a few of the marvelous projects for which designers have chosen fonts from Hoefler&amp;Co They&rsquo;re sharing their work over on our <a href="https://www.facebook.com/HoeflerCo/photos_stream" target="_blank">Facebook photo page</a>, where more than&nbsp;3,000 fans are currently perusing the collection. If you&rsquo;re a Facebook user and an type enthusiast, come by and share the typographic masterpieces that you&rsquo;ve made with our fonts.</p>
  3019.  
  3020. <p>New on the blog this morning, the tag &ldquo;<a href="http://www.typography.com/blog/tag/Made+with+H&amp;Co">Made with H&amp;Co</a>&rdquo; marks some of the great things we&rsquo;ve seen done with our work, which we&rsquo;ve written about here on the blog. Hiding among the publications, identities, posters, illustrations, and presidential campaigns are a few unexpected delights, including one typeface bedecked with icicles, and another fashioned into a ten-foot topiary. This week promises two more typographic extravaganzas: a brilliant but unclassifiable magazine, and a roving cupcake purveyor. Stay tuned. &mdash;JH</p>]]>
  3021.    </description>
  3022.    <pubDate>Mon, 29 Jun 2009 08:30:00 +0000</pubDate>
  3023.    <guid>https://www.typography.com/blog/made-with-hco#400</guid>
  3024. </item>
  3025.                   <item>
  3026.    <title><![CDATA[What Was Next]]></title>
  3027.    <link>https://www.typography.com/blog/what-was-next</link>
  3028.    <description>
  3029.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-frerejones-denver_500.jpg">
  3030.  
  3031. <p><span class="small-caps">Most of the <a href="https://www.typography.com/about/press.php" target="_blank">talks</a> that we&rsquo;ve given</span> are lost to the sands of time, but this afternoon I was happy to discover that one of our favorite presentations lives on. For the AIGA Design Conference in Denver, we were asked to meditate on the topic of &ldquo;What&rsquo;s Next,&rdquo; for which we presented a study of typographic history &mdash; and why the &lsquo;historical revival&rsquo; might be a twentieth century idea whose time has passed.</p>
  3032.  
  3033. <p>The AIGA has posted the audio of our talk, which tracks with the images above; it runs about 45 minutes, including some questions from the audience, in which we reveal some of the unpublished developmental names of <a href="http://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a>. Also keep an ear out for two provocative concepts: a French wine scholar offers a pithy gloss on experimentalism, and a certain type designer defines &ldquo;the underpants-on-the-head school of revivalism.&rdquo; &mdash;JH</p>]]>
  3034.    </description>
  3035.    <pubDate>Wed, 24 Jun 2009 14:30:00 +0000</pubDate>
  3036.    <guid>https://www.typography.com/blog/what-was-next#399</guid>
  3037. </item>
  3038.                   <item>
  3039.    <title><![CDATA[Don’t Believe the Type!]]></title>
  3040.    <link>https://www.typography.com/blog/dont-believe-the-type</link>
  3041.    <description>
  3042.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/italica-typography-com_500.png">
  3043.  
  3044. <p><span class="small-caps">We will, we will Rockwell.</span> Rock the Caslon. I Meta Girl. ITC Clearly Now. Tempted by the Frutiger &rsquo;nother. Weiss Do Fools Fall in Love? Rockwell Amadeus. Dax The Way (uh huh, uh huh) I Like It. Please Mistral Postman. If I Could Turn Back Times. Gill Sans in a Coma. Get Down Onyx. Myriad a Little Lamb. Clarendon (I Know This World is Killing You.) On the Wingdings of Love. I Wanna Bold Your Sans. Some Like it Haettenschweiler. Janson Queen. I Do Not Want I Avant Garde. Scenes From an Italic Restaurant. Hang On to Your Eagle. Take a Janson Me. My Name is DIN (and I am Fonty.) Font Like an Egyptienne. Hotel Caledonia. Electra Avenue. Garamond (My Wayward Son.) My Tahoma. Fear of a Black Italic. I&rsquo;m So X-Heighted. Nothin&rsquo; V.A.G. Thing.</p>
  3045.  
  3046. <p>Twitter is reaching a cultural apotheosis right now with the <strong><a href="http://twitter.com/#search?q=%23fontsongs" target="_blank">#fontsongs</a></strong> topic, still trending strong. (Ms. American Typewriter Pie, Burning Down the House Gothic, Love Me Two Times Roman, Ring My Bell Gothic...) Special thanks to everyone who included an H&amp;Co font in their title (We Are The Champion, Knockout on Heaven&rsquo;s Door, Whitney Baby One More Time, Dirt Didots Done Dirt Cheap, Auld Verlag Syne, It&rsquo;s a Hard Knox Life, Chronicle Man&hellip;)</p>
  3047.  
  3048. <p>Yesterday I asked &mdash; rhetorically, I thought &mdash; &ldquo;who can work <a href="http://images.google.com/images?rls=en-us&amp;q=arnold%20bocklin%20font" target="_blank">Arnold B&ouml;cklin</a> into one of these?&rdquo; Meeting the challenge triumphantly came @mattwiebe with <em>It&rsquo;s Arnold B&ouml;cklin Roll (But I Like It),</em> @mlascarides with <em>Keep Arnold B&ouml;cklin (In the Free World),</em> @angvalenz with <em>Block B&ouml;cklin Beats,</em> and @e_limbach&rsquo;s <em>No Sleep Till B&ouml;cklin.</em> (I would also have accepted <em>They Say The Arnold B&ouml;cklin Roll Is Still Beating.</em>) Anyway, next challenge: &ldquo;Figgins&rsquo; Two Lines Pica Antique No. 2.&rdquo;</p>
  3049.  
  3050. <p>The thread&rsquo;s still running if you want to join in. And if you really love me, darling, bring me Exocet. &mdash;JH</p>]]>
  3051.    </description>
  3052.    <pubDate>Sat, 06 Jun 2009 19:00:00 +0000</pubDate>
  3053.    <guid>https://www.typography.com/blog/dont-believe-the-type#398</guid>
  3054. </item>
  3055.                   <item>
  3056.    <title><![CDATA[House of Flying Reference Marks]]></title>
  3057.    <link>https://www.typography.com/blog/house-of-flying-reference-marks</link>
  3058.    <description>
  3059.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/daggers_responsive-01.svg">
  3060.  
  3061. <p><span class="small-caps">Last spring, when answering a reader&rsquo;s question</span> about our favorite characters to draw, I got to spend some time with some of our beloveds: the <strong class="alternate"><a href="https://www.typography.com/blog/pilcrow-capitulum" target="_blank">&para;</a></strong> and <strong class="alternate"><a href="https://www.typography.com/blog/the-sulzbacher-eszett" target="_blank">&szlig;</a></strong> that rarely see the light of day, as well as H&amp;Co&rsquo;s middle name, <strong class="alternate"><a href="https://www.typography.com/blog/our-middle-name" target="_blank">&amp;</a></strong>. It took great self-control not to spill the beans about another pair of favorites, the dagger and double dagger, for already waiting in the wings were my favorite daggers to ever come out of H&amp;Co. They&rsquo;re the ones in our just-released <a href="https://www.typography.com/fonts/sentinel/overview/">Sentinel</a> family, seen here.</p>
  3062.  
  3063. <p>Daggers come from that archipelago of typographic symbols known as reference marks, which refer readers elsewhere for explanatory or exegetic notes. The traditional first-order reference mark is the asterisk{footnote_1}, a longtime favorite: in <em>The Elements of Typographic Style,</em> Robert Bringhurst observes that asterisks have been in continuous use for five thousand years. Asterisks can take countless forms, though custom favors ones shaped like stars, flowers, or bathtub faucets; any number of petals is permissible as well, with five-, six-, and eight-lobed asterisks being most common. <em>[Clock starts now in anticipation of the world&rsquo;s first seven-lobed asterisk. &mdash;Ed.] [<a href="https://www.typography.com/fonts/decimal/characters">Update</a>. &mdash;Ed.]</em> The approach that a designer follows in the asterisk is usually echoed in the typeface&rsquo;s second-order reference mark, the dagger (also known as the <em>obelus, obelisk,</em> or <em>long cross</em>), and its third-order mark, the double dagger (a.k.a. <em>diesis</em> or <em>double obelisk.</em>) Both characters have functions in genealogy and other life sciences, where the asterisk indicates the year of birth (*1499), and the dagger the year of death (&dagger;1561). There are standard fourth-, fifth- and sixth-order reference marks, too: they are the section mark (&sect;), parallels (||), and number sign (#), after which the cycle repeats with doubles, triples, and so on: *, &dagger;, &Dagger;, &sect;, ||, #, **, &dagger;&dagger;, &Dagger;&Dagger;, &sect;&sect;, ||||, ###, ***, &dagger;&dagger;&dagger;, &Dagger;&Dagger;&Dagger;, etc. Beyond three, numbered footnotes are always preferable, even if you are David Foster Wallace.</p>
  3064.  
  3065. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/daggers_responsive-02.svg">
  3066.  
  3067. <p>Daggers afford the type designer a rare opportunity to quote from more widely recognized visual languages, such as architecture and other applied arts. The daggers in our <a href="https://www.typography.com/fonts/didot/overview/">H&amp;Co Didot</a> family echo the kinds of details common in period decoration, and those in <a href="https://www.typography.com/fonts/whitney/overview/">Whitney</a> evoke the simplified asterisk of the typewriter, its center removed to prevent the buildup of ink. In Sentinel, we wanted the design&rsquo;s industrial brawn to be mellowed by some lyrical flourishes, which in the daggers produced a &lsquo;twisted quillon{footnote_2}&rsquo; that you&rsquo;ll find in another place slab serifs traditionally reside: find a pack of playing cards, and look closely at the dagger of the &ldquo;<a href="http://simple.wikipedia.org/wiki/Playing_card" target="_blank">suicide king</a>.&rdquo; &mdash;JH<br />
  3068. &nbsp;<br />
  3069. &nbsp;<br />
  3070. &nbsp;</p>]]>
  3071.    </description>
  3072.    <pubDate>Thu, 04 Jun 2009 13:03:00 +0000</pubDate>
  3073.    <guid>https://www.typography.com/blog/house-of-flying-reference-marks#397</guid>
  3074. </item>
  3075.                   <item>
  3076.    <title><![CDATA[Introducing Sentinel]]></title>
  3077.    <link>https://www.typography.com/blog/introducing-sentinel</link>
  3078.    <description>
  3079.        <![CDATA[<p><span class="small-caps">Is any typeface more in-the-know than a Clarendon?</span> These smart looking slab serifs have the timeless style of a charcoal gray suit, or a well-chosen pair of horn-rimmed glasses: they&rsquo;re approachable, welcoming, and effortlessly persuasive. Yet they&rsquo;re tough to use &mdash; out of the question for setting text &mdash; because they lack italics.</p>
  3080.  
  3081. <p>Enter <strong>Sentinel</strong>&reg;, a new slab serif from Hoefler&amp;Co A new take on this lovely and useful style, Sentinel is a refreshingly complete family in twelve weights (Light through Black, with italics throughout) that&rsquo;s designed to shine in sizes both large and small. Featuring text-friendly features like short-ranging figures, and our Expanded Latin character set for extended language support, H&amp;Co is delighted to present the entire Sentinel family for just $199.</p>]]>
  3082.    </description>
  3083.    <pubDate>Wed, 13 May 2009 05:41:00 +0000</pubDate>
  3084.    <guid>https://www.typography.com/blog/introducing-sentinel#396</guid>
  3085. </item>
  3086.                   <item>
  3087.    <title><![CDATA[Guggenheim Redux]]></title>
  3088.    <link>https://www.typography.com/blog/guggenheim-redux</link>
  3089.    <description>
  3090.        <![CDATA[<p><span class="small-caps">For one quarter of its lifetime,</span> the Guggenheim Museum has enjoyed the use of a signature typeface created by H&amp;Co. The project originally commissioned by <a href="https://www.pentagram.com/about/abbott-miller" target="_blank">Abbott Miller</a>, a sans serif in six styles called <em>Guggenheim,</em> has since grown into a family of thirty styles, now known as <em>Verlag.</em> This expanded set of fonts, now including five weights in three different widths, is <a href="https://www.typography.com/fonts/verlag/overview/" target="_blank">now available from H&amp;Co</a>. And gratifyingly, it&rsquo;s still being used by the Guggenheim &mdash; now more than ever.</p>
  3091.  
  3092. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/am_guggenheimfoundation_04.jpg">
  3093.  
  3094. <p>If the fonts&rsquo; thirteen years of continuous use can be attributed to anything, it&rsquo;s the careful formulation of the original brief. The iconic lettering on Frank Lloyd Wright&rsquo;s <a href="https://www.guggenheim.org/the-frank-lloyd-wright-building" target="_blank">famous rotunda</a> furnished the seed for the project; unchecked, this might have grown into an overly stylized typeface, too eccentric to be of much use. A more short-sighted designer might have made the easy play for nostalgia, but Miller took a more thoughtful approach, envisioning all the different applications that the typeface would come to serve. The family of types we created was therefore more interpretation than facsimile, a versatile family that we all hoped would evoke the qualities of the museum without simply replicating its signature. It was the right call: the fonts once used only by the Guggenheim New York&rsquo;s publication department now serve the signage programs of four museums, the institution&rsquo;s Webby Award-winning website, and now the new identity for the <a href="https://www.pentagram.com/work/the-guggenheim-foundation-1?rel=search&amp;query=guggenheim%2520&amp;page=1" target="_blank">Guggenheim Foundation</a>, also designed by Miller, and premiering this year as part of the Guggenheim&rsquo;s fiftieth anniversary. &mdash;JH</p>]]>
  3095.    </description>
  3096.    <pubDate>Thu, 07 May 2009 12:00:00 +0000</pubDate>
  3097.    <guid>https://www.typography.com/blog/guggenheim-redux#395</guid>
  3098. </item>
  3099.                   <item>
  3100.    <title><![CDATA[The National Design Awards]]></title>
  3101.    <link>https://www.typography.com/blog/hco-honored-by-national-design-awards</link>
  3102.    <description>
  3103.        <![CDATA[<p>An official White House project created to increase national awareness of the role of design, the National Design Awards are given annually by the Smithsonian&rsquo;s Cooper-Hewitt National Design Museum in recognition of excellence, innovation, and lasting achievement in design. A highlight of the award has traditionally been <a href="http://www.typography.com/blog/in-todays-mail">a reception for honorees at the White House, hosted by the first lady</a>.</p>
  3104.  
  3105. <p>Now in its tenth year, the National Design Awards are given in ten categories from architecture to fashion, and past winners include iMac designer Jonathan Ive, fashion designer Isabel Toledo, and industrial designer Bill Stumpf, co-inventor of the Aeron chair. Congratulations to all of this year&rsquo;s honorees, especially our colleagues in Communication Design: finalist Project Projects, and the category winner, the Graphics Department of <em>The New York Times.</em> &mdash;H&amp;Co</p>]]>
  3106.    </description>
  3107.    <pubDate>Thu, 30 Apr 2009 09:15:00 +0000</pubDate>
  3108.    <guid>https://www.typography.com/blog/hco-honored-by-national-design-awards#394</guid>
  3109. </item>
  3110.                   <item>
  3111.    <title><![CDATA[Join us on Twitter]]></title>
  3112.    <link>https://www.typography.com/blog/join-us-on-twitter</link>
  3113.    <description>
  3114.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/littlebird.png">
  3115.  
  3116. <p><span class="small-caps">More than a thousand people</span> have tuned in to our 140-character quips on Twitter. Won&rsquo;t you join us? &mdash;JH</p>]]>
  3117.    </description>
  3118.    <pubDate>Mon, 27 Apr 2009 09:01:00 +0000</pubDate>
  3119.    <guid>https://www.typography.com/blog/join-us-on-twitter#393</guid>
  3120. </item>
  3121.                   <item>
  3122.    <title><![CDATA[A Treasury of Wood Type Online]]></title>
  3123.    <link>https://www.typography.com/blog/a-treasury-of-wood-type-online</link>
  3124.    <description>
  3125.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-02-640px.jpg">
  3126.  
  3127. <p><span class="small-caps">The Hamilton Manufacturing Co.</span> traces its roots back to the very first wood types made in the United States. Darius Wells produced the first American wood type in 1828; his business was reorganized into Wells &amp; Webb, then acquired by William Page, later passing back to the Wells family, and finally sold to Hamilton sometime before 1880. The product of this consolidation was a type specimen book issued in 1900, Hamilton&rsquo;s <em>Catalogue No. 14,</em> which offers a good survey of American display typography of the nineteenth century.</p>
  3128.  
  3129. <p>Open to the public is the <a href="http://www.woodtype.org/" target="_blank">Hamilton Wood Type Printing Museum</a> in Two Rivers, Wisconsin, a collection of 1.5 million pieces of wood type maintained by volunteers of the Two Rivers Historical Society. For at-home viewing, the calendar printer Unicorn Graphics has just launched their <a href="http://www.unicorngraphics.com/wood%20type%20museum.asp" target="_blank">Web Museum of Wood Types and Ornaments</a>, which offers a sundry collection of scans and photographs of American wood types &mdash; including every page of the great <em>Catalogue No. 14.</em></p>
  3130. <!--read_more-->
  3131.  
  3132. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-03-640px.jpg">
  3133.  
  3134. <p>Above, a neat synopsis of the three major approaches to creating ornamental type. At the top right, <em>surface decoration</em> adorns a conventional design, in this case a condensed Gothic of the kind that inspired <a href="https://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout.</a> Left center are some concave letters that introduce systemic <em>morphological changes</em> to the design of the alphabet, in this case turning the curves inside out. And finally, an <em>emulative</em> approach at bottom left, which imitates foreign materials or techniques. (This log type is a ham-fisted imitation of Vincent Figgins&rsquo; <em>Rustic</em> of 1845.) I find the geometric letters more successful than the fluid ones; the lugubrious vines in the lines <em>BIE</em> and <em>SIT</em> can&rsquo;t hold a candle to the work of the <a href="https://www.typography.com/blog/sham-rock" target="_blank">Master of the Creeping Tendril</a>.</p>
  3135.  
  3136. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-collage-640px.jpg">
  3137.  
  3138. <p>Some letters made with greater competence. Type makers in search of novelty found countless ways to vary the designs of serifs, brackets, and stems, and cross-pollinating these techniques produced an endless number of new styles. I especially like the two in the upper-right corner, which combine outwardly flared strokes, nodules congregating around the midline, surface ornamentation, a vertical drop shadow, and trapezoidal serifs that master signpainter and type designer John Downer has termed &ldquo;The Detroit Serif.&rdquo;</p>
  3139.  
  3140. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-04-640px.jpg">
  3141.  
  3142. <p>A riot of inlines, outlines, and drop shadows. The white drop shadows in <em>MATCH</em> (center right) are innovative, as are the effervescent circles in <em>RIMED,</em> which echo the painted and lithographed letters of the Belle &Eacute;poque.</p>
  3143.  
  3144. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-05-640px.jpg">
  3145.  
  3146. <p>&ldquo;<a href="https://www.typography.com/collections/outline-cameo/" target="_blank">Cameo</a>&rdquo; typefaces, featuring letters inscribed in ornamental <a href="https://www.typography.com/fonts/requiem/features/requiem-ornaments/" target="_blank">cartouches</a>. Even in digital fonts, these are notoriously hard to space: the lack of kerning kerning between the letters <strong class="alternate">L</strong> and <strong class="alternate">Y</strong> in <em>FAMILY</em> (top left) illustrates why. At bottom left, the word <em>SHINE</em> points to a common pitfall in planning an ornamented typeface: this design focusses all of the action on its beaked serifs, giving <strong class="alternate">S</strong> and <strong class="alternate">E</strong> considerably more esprit than their plain Jane cohorts.</p>
  3147.  
  3148. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-06-640px.jpg">
  3149.  
  3150. <p>The &ldquo;French Clarendon&rdquo; in the left column is a style that combines three nineteenth century innovations: it features supercondensed proportions, bracketed serifs, and a foreshortening which inverts the customary relationship between thin serifs and heavy strokes. This is an especially nice one, and rare in its inclusion of a lowercase. I would not relish having to improve on the tortured lowercase <strong class="alternate">g</strong> in the top line.</p>
  3151.  
  3152. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-07-640px.jpg">
  3153.  
  3154. <p>More morphological experiments, eccentricies which look sober in this dizzying context. I like all three of these designs, especially the one at lower left, which combines concave stems with chamfered corners and inverted stress: there&rsquo;s surely a way of interpreting this idea in a more modern context, which I hope someone explores. The design on the right is also witty, its soft and unthreatening corners wonderfully juxtaposed with menacing thorns.</p>
  3155.  
  3156. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-08-640px.jpg">
  3157.  
  3158. <p>Backslanted typefaces are another nineteenth century novelty, as are designs that emulate the brush or the graver. Above, the top two lines recall the handmade annotations on photographic negatives, their swelled strokes, trailing serifs, and soft edges clearly imitating pen-drawn forms. The lowercase <strong class="alternate">g</strong> is great: that its lower loop is inflected in the wrong direction is a clever way of reinforcing the backwardness of the entire design.</p>
  3159.  
  3160. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-09-640px.jpg">
  3161.  
  3162. <p>At right, more variations on the theme of softness and thorns. It&rsquo;s surprising how a subtle relocation of the spikes and knobs can so profoundly change the tone of the design: reading down from the top right, <em>HUN</em> has an indisputably aggressive tone, while <em>CINDERS</em> and <em>BIRGE</em> are sleepy and bucolic, and <em>RIG</em> has all the bombast of industry in full flower.</p>
  3163.  
  3164. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hamilton-woodtype-10-640px.jpg">
  3165.  
  3166. <p>Big types customarily bring up the rear of a type specimen book, and <em>Catalogue No. 14</em> does not disappoint. The book reaches an explosive crescendo with this design at 864 point, in which just two letters fill the entire page. This typeface, which Hamilton called &ldquo;No. 266,&rdquo; is the design that inspired our <a href="https://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout No. 66</a> font. It appears on p. 119 of Hamilton&rsquo;s <em>Catalogue No. 14</em>; check out <a href="http://www.unicorngraphics.com/wood%20type%20museum/hamilton14/hamiltonfourteen.asp" target="_blank">page 120</a> for the biggest type of all. &mdash;JH</p>]]>
  3167.    </description>
  3168.    <pubDate>Thu, 23 Apr 2009 09:01:00 +0000</pubDate>
  3169.    <guid>https://www.typography.com/blog/a-treasury-of-wood-type-online#392</guid>
  3170. </item>
  3171.                   <item>
  3172.    <title><![CDATA[The H&Co Institute for Unapplied Mathematics]]></title>
  3173.    <link>https://www.typography.com/blog/the-hco-institute-for-unapplied-mathematics</link>
  3174.    <description>
  3175.        <![CDATA[<p><span class="small-caps">We&rsquo;ve received our share</span> of <a href="https://www.typography.com/blog/hco-crime-fighting-division" target="_blank">intriguing questions</a> over the years, but this one takes the cake. On Monday, a correspondent called from National Public Radio to discuss the implications of typesetting a number with twelve million digits.</p>
  3176.  
  3177. <p>The number in question is 2<sup>43112609</sup>-1, which holds the title for World&rsquo;s Largest Known Prime Number. Mathematicians have known since at least the third century BC that for many values of <em>n,</em> the formula 2<sup>n</sup>-1 produces a prime number. When it does, the result M<sub>n</sub> is called a Mersenne Prime, after the seventeenth century <a href="http://en.wikipedia.org/wiki/Mersenne" target="_blank">French mathematician</a> who calculated the first 257 of them by hand &mdash; quite something when you realize that M<sub>257</sub> has 78 digits. (And, so very cruelly, it&rsquo;s not prime.) The search for prime numbers, an esoteric pursuit that rivals typeface design for its cultishness, has continued ever since; these days it&rsquo;s assisted by the <a href="http://www.mersenne.org/" target="_blank">Great Internet Mersenne Prime Search</a>, a project that organizes the downtime of almost 90,000 volunteers&rsquo; computers into a collective effort to find the next great prime.</p>
  3178. <!--read_more-->
  3179.  
  3180. <p>Monday&rsquo;s call came from Joe Palca, a science correspondent for NPR&rsquo;s <em><a href="http://www.npr.org/templates/rundowns/rundown.php?prgId=3" target="_blank">Morning Edition</a>,</em> who was meditating on the best way to convey the magnitude of this number. Scientific notation is designed to reduce astronomically large numbers down to more manageable ones, which obscures the enormity of numbers like 2<sup>43112609</sup>-1. What does it mean for a number to contain 12,978,189 digits? For comparison, the total number of atoms in the universe is often estimated at 10<sup>80</sup>, a mere bagatelle of just 81 digits.</p>
  3181.  
  3182. <p>Joe liked the idea of measuring how long this number would be if it were set in type, which immediately called into question the choice of font. The number&rsquo;s length would depend chiefly on the width of the font selected, and even listener-friendly choices like Times Roman and Helvetica would produce dramatically different outcomes. Small eccentricities in the design of a particular number, such as Times Roman&rsquo;s inexplicably scrawny figure one, would have huge consequences when multiplied out to this length. But even this isn&rsquo;t the hairy part. Where things get difficult, as always, is in the kerning.</p>
  3183.  
  3184. <p>Kerning pairs mitigate the space between awkwardly fitted characters, and numbers contain one of the deepest kerns in a font: the pair <strong class="alternate">74</strong>, whose slanted profiles need to be specially accommodated. H&amp;Co&rsquo;s Andy Clymer, always up for a programming challenge, wrote a script that examined all twelve million digits (download them <a href="http://prime.isthe.com/chongo/tech/math/prime/m43112609/prime-c.html" target="_blank">here</a>), and concluded that &ldquo;74&rdquo; appeared 129,818 times. If we were to set our target number in 12pt Gotham Book, this kern alone would account for a variance of more than 150 feet. So to account for this and all the other 100 possible inter-number kerning pairs, Andy wrote a script that quietly chewed away on the big number with a handful of fonts in mind. The results?</p>
  3185.  
  3186. <table>
  3187. <thead>
  3188. <tr>
  3189. <th>&nbsp;</th>
  3190. <th>Length</th>
  3191. <th>Kerning Dividend</th>
  3192. </tr>
  3193. </thead>
  3194. <tbody>
  3195. <tr>
  3196. <td>12 point <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham Book</a></td>
  3197. <td>20 miles<br />
  3198. 3,131&#39; 1-3/4"
  3199. <p class="comment">(33.14 km)</p>
  3200. </td>
  3201. <td>1,015&#39; 5"
  3202. <p class="comment">(309.38 m)</p>
  3203. </td>
  3204. </tr>
  3205. <tr>
  3206. <td>12 point <a href="https://www.typography.com/fonts/whitney/overview/" target="_blank">Whitney Book</a></td>
  3207. <td>18 miles<br />
  3208. 1,884&#39; 9-1/4"
  3209. <p class="comment">(29.54 km)</p>
  3210. </td>
  3211. <td>328&#39; 8"
  3212. <p class="comment">(99.99 m)</p>
  3213. </td>
  3214. </tr>
  3215. <tr>
  3216. <td>12 point <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham Narrow Book</a></td>
  3217. <td>17 miles<br />
  3218. 4,097&#39; 3-5/8"
  3219. <p class="comment">(28.60 km)</p>
  3220. </td>
  3221. <td>944&#39; 3-1/4"
  3222. <p class="comment">(287.94 m)</p>
  3223. </td>
  3224. </tr>
  3225. <tr>
  3226. <td>12 point <a href="https://www.typography.com/fonts/mercury-text/overview/" target="_blank">Mercury Text</a></td>
  3227. <td>17 miles<br />
  3228. 202&#39; 1-1/2"
  3229. <p class="comment">(27.96 km)</p>
  3230. </td>
  3231. <td>315&#39; 8-3/8"
  3232. <p class="comment">(96.21 m)</p>
  3233. </td>
  3234. </tr>
  3235. </tbody>
  3236. </table>
  3237.  
  3238. <p>Of course, the math gets quite a bit easier in fonts with <a href="https://www.typography.com/collections/charts-tables/" target="_blank">tabular figures</a>, where all of the digits are the same width, and as a bonus there&rsquo;s no kerning to deal with. (All of the above fonts feature tabular figures as well, but what fun is that?) In the end, we thought that a calculation in 12pt Courier would be most evocative to listeners, and the easiest for NPR fact checkers to confirm as well. So for the record, 2<sup>43112609</sup>-1, set in 12pt Courier, runs to 20 miles, 2,569 feet, and 1-3/4 inches (32.96 km).</p>
  3239.  
  3240. <p>In case you&rsquo;re wondering, prime numbers aren&rsquo;t just the stuff of academic longhairs: like typefaces, they have interesting properties that make them strangely useful. The classical example comes from mechanical engineering, where two meshed gears will wear most evenly if each has a coprime number of teeth, since this evenly distributes the possible ways in which they interact (thereby minimizing the effects of any irregularities.) Some have suggested that 13- and 17-year cicadas each follow prime numbered life cycles in order to ensure that their populations compete as little as possible, coexisting only once every 221 years. As for the larger primes, the challenges of quickly factoring large numbers makes large primes indispensable for securing online data, so they&rsquo;re one of the cornerstones of <a href="https://en.wikipedia.org/wiki/RSA_(cryptosystem)" target="_blank">public key cryptography.</a> Large primes are acting behind the scenes when you&rsquo;re online ordering fonts, for example. When you&rsquo;re online <a href="https://www.typography.com/fonts/">ordering fonts</a>. &mdash;JH</p>]]>
  3241.    </description>
  3242.    <pubDate>Thu, 09 Apr 2009 11:11:00 +0000</pubDate>
  3243.    <guid>https://www.typography.com/blog/the-hco-institute-for-unapplied-mathematics#391</guid>
  3244. </item>
  3245.                   <item>
  3246.    <title><![CDATA[The Alphabet: A Dramatic Reading]]></title>
  3247.    <link>https://www.typography.com/blog/the-alphabet-a-dramatic-reading</link>
  3248.    <description>
  3249.        <![CDATA[<p><span class="small-caps" style="font-size: 14px;">This clip of James Earl Jones</span> reciting the alphabet is so disturbing that I can&rsquo;t believe it actually aired on the <em style="font-size: 14px;">Sesame Street</em> of my youth &mdash; not without dissuading me from my current career, anyway. All I can say today is that I wish he&rsquo;d included an &ldquo;and,&rdquo; so that I could cobble together a sample of <em style="font-size: 14px;">&ldquo;This... is H&amp;Co&rdquo;</em> for my ringtone.</p>
  3250.  
  3251. <p>Other videos I&rsquo;d like to see include Christopher Lloyd reading &ldquo;<a href="http://en.wikipedia.org/wiki/Lorem_ipsum" target="_blank">lorem ipsum</a>,&rdquo; and Christopher Walken performing the 1940 type specimen of the Linotype company: &ldquo;How, is one... to assess, and <em>evaluate,</em> a type <em>face</em> in <span class="small-caps">terms</span>. Of <strong class="alternate">ITS</strong> esthetic. <em>Design.</em>&rdquo; &mdash;JH</p>]]>
  3252.    </description>
  3253.    <pubDate>Fri, 03 Apr 2009 14:20:00 +0000</pubDate>
  3254.    <guid>https://www.typography.com/blog/the-alphabet-a-dramatic-reading#390</guid>
  3255. </item>
  3256.                   <item>
  3257.    <title><![CDATA[Breaking News!]]></title>
  3258.    <link>https://www.typography.com/blog/breaking-news</link>
  3259.    <description>
  3260.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-bandit_500.jpg">
  3261.  
  3262. <p><span class="small-caps">We&rsquo;re resisting the temptation</span> to go against <a href="http://www.typography.com/blog/two-fools" target="_blank">last year&rsquo;s declaration</a> that April Fools&rsquo; Day website goofs are <a href="http://www.dashes.com/anil/2006/03/your-april-fool.html" target="_blank">inherently unfunny</a>, so it pleases me to instead have an genuine update regarding someone else&rsquo;s typographic silliness.</p>
  3263.  
  3264. <p>Eighteen months ago, we reported on a <a href="http://www.typography.com/blog/ode-on-a-grecian-kern" target="_blank">mysterious typographic gift</a> that materialized outside the H&amp;Co offices. Today, I am delighted to report that the culprit (artist) has come forward! Rob Keller &mdash; who may well be a typeface designer graduated from the University of Reading, but will always be known to me as The Grecian Bandit &mdash; apparently included us on his rounds when distributing ceramic letter sculptures throughout the city, as part of a project called <a href="http://www.youshouldliketypetoo.com/art/left-out-letters/" target="_blank">Left Out Letters</a>. Check out the collection of photos on his blog: in addition to Plaintiff&#39;s Exhibit A documenting his <a href="http://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis Italic</a> <strong class="alternate">h</strong>&nbsp;and <strong class="alternate">fj</strong>, there&rsquo;s a fantastic tableau showing a French Clarendon lowercase <strong class="alternate">m</strong>&nbsp;being <a href="http://www.youshouldliketypetoo.com/wp-content/uploads/2009/02/m.jpg" target="_blank">worshipped by a field of dairy cows</a>. Which is exactly how type designers like to imagine our planet looks like from outer space, at least metaphorically. &mdash;JH</p>]]>
  3265.    </description>
  3266.    <pubDate>Wed, 01 Apr 2009 22:37:00 +0000</pubDate>
  3267.    <guid>https://www.typography.com/blog/breaking-news#389</guid>
  3268. </item>
  3269.                   <item>
  3270.    <title><![CDATA[Laminitis, or English As She Is Drawn]]></title>
  3271.    <link>https://www.typography.com/blog/laminitis-or-english-as-she-is-drawn</link>
  3272.    <description>
  3273.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/oath_500.png">
  3274.  
  3275. <p><span class="small-caps">Some would argue for <em>Bleak House,</em></span> others <em>Middlemarch.</em> <em>The Great Gatsby</em> has its proponents as well, along with <em>Lolita</em> and <em>Heart of Darkness.</em> But for me, it is none of these: there is a clear winner in the category, a single book that is the finest work of literature written in the English language. It is <em><a href="http://www.amazon.com/exec/obidos/ASIN/1932416110/typographycom-20" target="_blank">English As She Is Spoke</a>,</em> an 1853 phrasebook by Pedro Carolino, offered to Portuguese speakers as a guide to the English language. Uniquely, Carolino spoke not a word of English, and was not possessed of an English-Portuguese dictonary.</p>
  3276.  
  3277. <p>He overcame this disadvantage through the clever combination of a Portuguese-French dictionary and a French-English one, through which the entire corpus of English idioms was dragged, backwards, screaming. Thanks to Carolino, Portuguese readers of the nineteenth century might have learned such workaday English expressions as &ldquo;to look for a needle in a hay bundle&rdquo; and &ldquo;the stone as roll not heap up foam.&rdquo; Other timeless chestnuts include &ldquo;take out the live coals with the hand of the cat,&rdquo; &ldquo;he has fond the knuckle of the business,&rdquo; &ldquo;he has a good beak,&rdquo; and, bewilderingly, &ldquo;to craunch the marmoset.&rdquo; Mark Twain said of the book, &ldquo;Nobody can add to the absurdity of this book, nobody can imitate it successfully, nobody can hope to produce its fellow; it is perfect.&rdquo; Twain wrote the introduction to the American edition, which was first published in 1883 and has remained in print ever since. It is a classic.</p>
  3278.  
  3279. <p>Our industry&rsquo;s standard-bearer seems to have gotten the Carolino treatment this morning. This profile of <a href="http://www.washingtonpost.com/wp-dyn/content/article/2009/02/18/AR2009021803330.html" target="_blank">Matthew Carter</a> that ran in the <em>Washington Post</em> has somehow found its way into and out of another language, presumably courtesy of some cruelly indifferent software. Of the craft of type design, our subject is quoted as saying, &ldquo;the options are rattlingly limited. I can&rsquo;t determine one forenoon I&rsquo;m fatigued of the &lsquo;b&rsquo; and I&rsquo;m attending redesign it from excoriation. There holds defeat and captivation.&rdquo; (What type designer has not experienced this?) Pay special attention to the passage in which Carter designs &ldquo;the lowercase hydrogen,&rdquo; whose ascender, of course, distinguishes it from the lowercase nitrogen.</p>
  3280.  
  3281. <p>Even we weren&rsquo;t spared offering up an encomium or two. &ldquo;He holds the footing to be sort of haughty or elitist,&rdquo; begins one observation, &ldquo;but that ne&rsquo;er haps to him.&rdquo; And I obligingly identified Matthew as &ldquo;the bozo who formulated brown.&rdquo; But in any language, I think we all agree that Matthew Carter is &ldquo;the Jehovah of Georgia.&rdquo; &mdash;JH</p>]]>
  3282.    </description>
  3283.    <pubDate>Mon, 30 Mar 2009 22:38:00 +0000</pubDate>
  3284.    <guid>https://www.typography.com/blog/laminitis-or-english-as-she-is-drawn#388</guid>
  3285. </item>
  3286.                   <item>
  3287.    <title><![CDATA[Sham Rock]]></title>
  3288.    <link>https://www.typography.com/blog/sham-rock</link>
  3289.    <description>
  3290.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/shamrock-type_500.png">
  3291.  
  3292. <p><span class="small-caps">I have for <a href="https://www.typography.com/blog/st-patricks-type" target="_blank">exactly one year</a></span> been waiting to open up the monumental copy of <em>Ornamented Types of L. J. Pouch&eacute;e</em> that we have in the office, to find the example of the delicately curlicued shamrock type that historian James Mosley attributed to an unknown punchcutter he designated &ldquo;Master of the Creeping Tendril,&rdquo; and to post it here.</p>
  3293.  
  3294. <p>This is not that type. It turns out that Pouch&eacute;e never made a shamrock type: what I was remembering was this, the <em>Eight Lines Pica Egyptian Ornamented No. 2</em> of Bower &amp; Bacon (1826), illustrated in Nicolete Gray&rsquo;s <em>Nineteenth Century Ornamented Typefaces.</em> It is surely not the work of any Master, though perhaps it lends credence to the widely-circulated tale which holds that Mrs. Gray illustrated parts of her book by hand, rather than reproducing the work photographically. I&rsquo;ve never heard an explanation for why this should be so, but there&rsquo;s no denying that the bluntness of these forms suggests the pen more than the graver.</p>
  3295. <!--read_more-->
  3296.  
  3297. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/creeping-tendril_500.png">
  3298.  
  3299. <p>This is the work of the Master: Pouch&eacute;e&rsquo;s <em>Sixteen Lines No. 2,</em> complete with eponymous tendrils. These are large types: &ldquo;sixteen line&rdquo; is what we would know as 192 point, making this letter 2.6" (66mm) high. What I find so extraordinary about this work is not merely its technical finish &mdash; these are shockingly crisp letters, even by modern standards &mdash; but its depth, the range of colors that its maker was able to coax out of black and white. Where Bower &amp; Bacon&rsquo;s clovers were merely symbolic, and applied to the face of a <a href="https://www.typography.com/fonts/ziggurat/overview/" target="_blank">classical letter</a> in a somewhat obvious way, Pouch&eacute;e&rsquo;s grapevines fully inhabit their alphabet, achieving a remarkable depth that somehow manages to remain firmly typographic, without becoming illustrations. Pouch&eacute;e&rsquo;s are among the most evocative illustrated types of the nineteenth century; I don&rsquo;t know that they&rsquo;ve yet been surpassed. &mdash;JH</p>]]>
  3300.    </description>
  3301.    <pubDate>Tue, 17 Mar 2009 07:10:00 +0000</pubDate>
  3302.    <guid>https://www.typography.com/blog/sham-rock#387</guid>
  3303. </item>
  3304.                   <item>
  3305.    <title><![CDATA[The Gerrit Noordzij Prize, Part 2: Incoming]]></title>
  3306.    <link>https://www.typography.com/blog/the-gerrit-noordzij-prize-part-2-incoming</link>
  3307.    <description>
  3308.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/noorzijprijs-frere-jones-to-crouwel_500.jpg">
  3309.  
  3310. <p><span class="small-caps">Type designers are accustomed</span> to approaching the line between homage and parody with great care. It&rsquo;s especially daunting when its subject is a living colleague, as was the case last Friday when our own Tobias Frere-Jones presented an award of his own design to <a href="http://en.wikipedia.org/wiki/Wim_Crouwel" target="_blank">Wim Crouwel</a>, winner of the 2009 Gerrit Noordzij Prize. (In keeping with the <a href="http://typography.com/blog/the-gerrit-noordzij-prize-part-1-outgoing" target="_blank">tradition</a>, the current holder of the prize designs the award given to its next recipient.) To design an award for Crouwel, a Dutch icon who is indelibly associated with a strong and recognizable personal style, takes great sensitivity: imagine having to design a business card for Piet Mondrian, or select a ringtone for Igor Stravinsky.</p>
  3311.  
  3312. <p>If there is anyone able to see past the obvious, it is Wim Crouwel. In the 1960s, Crouwel&rsquo;s fresh yet doctrinaire approach to graphic design earned him the pejorative nickname &ldquo;gridnik,&rdquo; which Crouwel, with typical flare, adopted as a moniker, and later chose as the name for his best-known typeface.&nbsp;In his acceptance speech on Friday, Crouwel described his decades-long disagreements with his friend Gerrit Noordzij &mdash; in whose name the award is given &mdash; and both men reflected gleefully on their continuing philosophical differences. This fruitful synthesis has colored both the study and the practice of graphic design, and it&rsquo;s satisfying to see it recognized. This is what awards should be for.</p>
  3313.  
  3314. <p>In keeping with the custom, Tobias designed an award that uses one of our typefaces, but includes a nod to Crouwel&rsquo;s own work. In celebration of the pre-history of the <a href="http://www.typography.com/fonts/gotham/history/" target="_blank">Gotham</a> typeface, Tobias arranged for the fabrication of a traditional enamel sign, featuring an abundant grid of Gotham&rsquo;s many styles (64 out of <a href="http://www.typography.com/fonts/gotham/features/gotham-four-widths/" target="_blank">66</a>, to be precise.) Hearing Crouwel speak with such good humor at the presentation ceremony, I was almost tempted to reveal Tobias&rsquo;s original idea, which was to find a way to bridge the Dutch tradition of chocolate letter-making with Crouwel&rsquo;s arresting <a href="http://www.papress.com/thinkingwithtype/teachers/type_lecture/history_crouwel.htm" target="_blank">new alphabet</a> of 1967. (&ldquo;I probably could have done it with Kit-Kat bars,&rdquo; Tobias mused.) I am certain Crouwel would approve. &mdash;JH</p>]]>
  3315.    </description>
  3316.    <pubDate>Thu, 12 Mar 2009 15:16:00 +0000</pubDate>
  3317.    <guid>https://www.typography.com/blog/the-gerrit-noordzij-prize-part-2-incoming#386</guid>
  3318. </item>
  3319.                   <item>
  3320.    <title><![CDATA[The Gerrit Noordzij Prize, Part 1: Outgoing]]></title>
  3321.    <link>https://www.typography.com/blog/the-gerrit-noordzij-prize-part-1-outgoing</link>
  3322.    <description>
  3323.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/noorzijprijs-spiekermann_to_frere-jones_500.jpg">
  3324.  
  3325. <p><span class="small-caps">One charming aspect of the Gerrit Noordzij Prize</span> is the design of the award itself. By tradition, it&rsquo;s something created by the current prize holder, and presented to the incoming awardee. Past winners have used the occasion to create something that not only encapsulates their own work in some personal way, but postulates some connection to the interests of the next designer in succession. <a href="http://en.wikipedia.org/wiki/Erik_Spiekermann" target="_blank">Erik Spiekermann</a>, winner of the 2003 award, presented the above to our own Tobias Frere-Jones in 2006: it&rsquo;s a witty rendering of his twentieth-century <em>Meta</em> typeface, produced in the distinctly nineteenth-century technology of wood type. As a gift to a type designer whose work regularly engages with historical form, I thought it was especially poignant.</p>
  3326.  
  3327. <p>The set was made by <a href="http://www.pqcc.net/woodtype.htm" target="_blank">Scott Polzen</a>, who began exploring the resurrection of wood typemaking while still a student. His latter-day wood types are lovely artifacts, cut from cherry and finished with sandpaper and file, as Polzen explained in an essay in <em><a href="http://www.tdc.org/downloads/tdcletterspace2006summer.pdf
  3328. " target="_blank">Letterspace</a>,</em> a journal of <a href="http://tdc.org/" target="_blank">The Type Directors&rsquo; Club</a>. As intriguing as the <em>how</em> of this project is the <em>why:</em> &ldquo;I&rsquo;ve come to understand,&rdquo; Polzen writes, &ldquo;that my real motivation for this project was to gain a greater sense of participation in the culture of reading and writing: making wood type forced me to think quite literally about how the written word works.&rdquo; I thought this sentiment nicely echoed Noordzij&rsquo;s own philosophy about the primacy of written, not printed, words; it makes Polzen&rsquo;s connection to the award even more apt.</p>
  3329.  
  3330. <p>Wim Crouwel will receive the 2009 Gerrit Noordzij Prize on Friday, when we&rsquo;ll have the first photographs of the award that Tobias designed for him. I will miss seeing it around our office. &mdash;JH</p>]]>
  3331.    </description>
  3332.    <pubDate>Fri, 06 Mar 2009 00:03:00 +0000</pubDate>
  3333.    <guid>https://www.typography.com/blog/the-gerrit-noordzij-prize-part-1-outgoing#385</guid>
  3334. </item>
  3335.                   <item>
  3336.    <title><![CDATA[Tobias Frere-Jones: An Exhibit at the Royal Academy of Art]]></title>
  3337.    <link>https://www.typography.com/blog/tobias-frere-jones-an-exhibit-at-the-royal-academy-of-art</link>
  3338.    <description>
  3339.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/frere-jones-kabk6.jpg">
  3340.  
  3341. <p><span class="small-caps">Tobias is the fourth and current holder</span> of the Gerrit Noordzij Prize, which was presented to him in 2006. Every few years, the <a href="http://www.kabk.nl/" target="_blank">Royal Academy of Art</a> in The Hague celebrates an individual for his &ldquo;unique contributions to type design, typography, and type education,&rdquo; qualities which honor both the recipient and the prize&rsquo;s namesake: Gerrit Noordzij, as an instructor, a designer, and a type designer, has influenced generations of typographers, and has been singularly instrumental in establishing typography as a realm for disciplined, critical thinking.</p>
  3342.  
  3343. <p>This Friday, the prize passes to the next recipient, an occasion marked by two festivities: <a href="http://en.wikipedia.org/wiki/Wim_Crouwel" target="_blank">Wim Crouwel</a> will receive the 2009 prize, and the Royal Academy will open an exhibit of Tobias&rsquo;s work. If it&rsquo;s any indication of the scope of the show&rsquo;s contents, let me just say that even I was surprised by some of the things Tobias pulled from the files; it is an exhibit not to be missed.</p>
  3344.  
  3345. <p>The exhibit opens this Friday, March 6, and runs through Saturday, March 28, in the <a href="http://www.kabk.nl/nieuws/index/-/_sid-69bf01c94a92509deac67ca52a98648fb0f6ae9f.0/news_showpublished-8405" target="_blank">KABK Galerie</a>. &mdash;JH</p>]]>
  3346.    </description>
  3347.    <pubDate>Tue, 03 Mar 2009 11:13:00 +0000</pubDate>
  3348.    <guid>https://www.typography.com/blog/tobias-frere-jones-an-exhibit-at-the-royal-academy-of-art#384</guid>
  3349. </item>
  3350.                   <item>
  3351.    <title><![CDATA[Things We Love]]></title>
  3352.    <link>https://www.typography.com/blog/things-we-love</link>
  3353.    <description>
  3354.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/recife_500.jpg">
  3355.  
  3356. <p><span class="small-caps">I&rsquo;ve always had a thing for collage.</span> If I was more highfalutin, I&rsquo;d claim some childhood fascination with <a href="http://images.google.com/images?hl=en&amp;q=joseph+cornell&amp;btnG=Search+Images&amp;gbv=2" target="_blank">Joseph Cornell</a> or <a href="http://www.jimrosenquist-artist.com/" target="_blank">James Rosenquist</a> &mdash; both of whom I love, but didn&rsquo;t discover until adulthood. The truth is that I probably developed a taste for collage listening to <em><a href="http://images.google.com/images?gbv=2&amp;hl=en&amp;safe=off&amp;q=pixies+albums&amp;btnG=Search+Images" target="_blank">The Pixies</a>,</em> and reveling in all those magnificent album covers designed by <a href="http://en.wikipedia.org/wiki/Vaughan_Oliver" target="_blank">Vaughan Oliver</a>. Oliver&rsquo;s work for the record label <a href="http://www.4ad.com/" target="_blank">4AD</a> was for me an incandescent highlight of the early nineties, and his enigmatic album covers for <em>The Cocteau Twins, Dead Can Dance</em> and <em>Le Myst&egrave;re des Voix Bulgares</em> always left me shaking my head in wonder, asking &ldquo;where does this <em>come</em> from?&rdquo; Sometimes the music inside would echo an answer.</p>
  3357.  
  3358. <p>One of Oliver&rsquo;s regular collaborators was the Japanese collage artist <a href="http://images.google.com/images?hl=en&amp;q=shinro+ohtake&amp;btnG=Search+Images&amp;gbv=2" target="_blank">Shinro Ohtake</a>, whose work came to define the art form for me. His incorporation of type made his work irresistible to a typographer; I archly enjoyed watching it come full circle, as his works of fine art gradually came to be used as pieces of commercial art themselves. (The Bill Laswell album <em><a href="http://en.wikipedia.org/wiki/File:Seven_Souls.jpg" target="_blank">Seven Souls</a></em> uses an Ohtake collage, full and unaltered, for its cover.) Because collages pose an energetic dialogue between high and low art, they&rsquo;ve always been fertile ground for graphic designers, as demonstrated by the dominating &ldquo;<a href="http://images.google.com/images?gbv=2&amp;hl=en&amp;safe=off&amp;q=chip+kidd+book+cover&amp;btnG=Search+Images
  3359. " target="_blank">Knopf style</a>&rdquo; of the nineties. Knopf designers Carol Carson, Barbara de Wilde, Archie Ferguson and Chip Kidd proved two things: first, that collage was not only dynamic and intriguing, but inviting and literary; second, that it required a dab hand. Things that look easy have a way of being difficult to do well.</p>
  3360.  
  3361. <p>Wandering online this weekend, I came across the site of <a href="http://www.eduardorecife.com/" target="_blank">Eduardo Recife</a>, whose work includes the piece I&rsquo;ve reproduced above. To me, this is what collage aspires to be: a motley company of ordinary performers choreographed into something that expresses the ineffable. I especially admire Recife&rsquo;s ability to crash incongruous elements with elegance and wit (q.v. the <em>donuts,</em> above), as well as his egalitarian affection for all kinds of typography, from engravings to parking tickets. Spend some time with Recife&rsquo;s work this afternoon: it&rsquo;s a delight. &mdash;JH</p>]]>
  3362.    </description>
  3363.    <pubDate>Mon, 02 Mar 2009 12:01:00 +0000</pubDate>
  3364.    <guid>https://www.typography.com/blog/things-we-love#383</guid>
  3365. </item>
  3366.                   <item>
  3367.    <title><![CDATA[Wearable Rococo]]></title>
  3368.    <link>https://www.typography.com/blog/wearable-rococo</link>
  3369.    <description>
  3370.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/brooches_500.jpg">
  3371.  
  3372. <p><span class="small-caps">Look up and you&rsquo;ll see</span> the floriated, ornamented, shaded letters of our logo <em>(l. gravura tuscana),</em> as well as an italic cousin used for the <em>News, Notes &amp; Observations</em> nameplate. I have a special fondness for these kinds of letters, which reflect a synthesis of traditions from both typemaking and engraving. Is it therefore any wonder that I love these alphabet brooches from Bena Clothing, spotted by our friends at <a href="http://www.designspongeonline.com/2009/02/alphabet-brooches.html" target="_blank">Design Sponge</a>? They&rsquo;re made from laser-etched cheery veneer over mahogany, thoughtfully offered as set of 53 pieces with duplicates of popular letters. (I wonder how the <a href="https://www.typography.com/blog/four-shortage-strikes-nation" target="_blank">frequency distribution</a> of initials differs from that of other kinds of words: extra <strong class="alternate">J</strong>s, I&nbsp;imagine?) &mdash;JH</p>]]>
  3373.    </description>
  3374.    <pubDate>Sat, 28 Feb 2009 03:15:00 +0000</pubDate>
  3375.    <guid>https://www.typography.com/blog/wearable-rococo#382</guid>
  3376. </item>
  3377.                   <item>
  3378.    <title><![CDATA[The New Gothams: 46 New Fonts from H&Co.]]></title>
  3379.    <link>https://www.typography.com/blog/the-new-gothams-46-new-fonts-from-hco</link>
  3380.    <description>
  3381.        <![CDATA[<p class="intro-paragraph">Fans of our Gotham typeface will be pleased to find that as of this morning, there are three times as many Gothams in the world as there were yesterday.</p>
  3382.  
  3383. <p><span class="small-caps">Designers who work with Gotham</span> have enthusiastically deployed the fonts in a range of environments. We&rsquo;ve seen Gotham on soda cans, boarding passes, billboards and banner ads; we&rsquo;ve seen it engraved in marble on a cornerstone, and cast in rubber on the sole of a shoe. One newspaper used Gotham for financial listings, another for saucy tabloid headlines. But what we see the most are designers facing the challenge of making one typeface work across all channels. Last year saw one of the most remarkable examples of this: journalists couldn&rsquo;t stop writing about something that designers have always known, which is that a candidate for president should use the same font for everything, from lawn signs and flyers to the campaign&rsquo;s website.</p>
  3384.  
  3385. <p>Making a font work everywhere is a tall order. H&amp;Co&rsquo;s designers love these kinds of challenges, and are driven by an incurable compulsion to make fonts that can answer everyone&rsquo;s needs. But designing a typeface is an arduous process requiring serious commitment, and we realized early on that if we weren&rsquo;t careful, there could suddenly be an endless number of very specialized Gothams. The prospect of a &ldquo;Gotham for embroidery&rdquo; collection and a &ldquo;Gotham for box scores&rdquo; was daunting, and ran counter to one of H&amp;Co&rsquo;s core philosophies: that type families should be as small as possible, but as large as necessary.</p>
  3386.  
  3387. <p>So we organized all of these ideas into a coherent design brief, mapped out a way to bring a larger Gotham family to life, and then devoted years to drawing the new fonts that we&rsquo;re delighted to present today. Today&rsquo;s Gotham contains a total of 66 styles, neatly organized into four widths: regular Gotham, the new <a href="http://www.typography.com/fonts/gotham/inside/gotham-narrow/" target="_blank">Gotham Narrow</a> and <a href="http://www.typography.com/fonts/gotham/inside/gotham-extra-narrow/" target="_blank">Extra Narrow</a>, and the newly-expanded <a href="http://www.typography.com/fonts/gotham/inside/gotham-condensed/" target="_blank">Gotham Condensed</a>. They&rsquo;re all now available, in packages starting at $169, exclusively at H&amp;Co.</p>]]>
  3388.    </description>
  3389.    <pubDate>Tue, 20 Jan 2009 11:30:00 +0000</pubDate>
  3390.    <guid>https://www.typography.com/blog/the-new-gothams-46-new-fonts-from-hco#380</guid>
  3391. </item>
  3392.                   <item>
  3393.    <title><![CDATA[Typographic Gifts — for You.]]></title>
  3394.    <link>https://www.typography.com/blog/typographic-gifts-for-you</link>
  3395.    <description>
  3396.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gothamFlakes-5_500_X.jpg">
  3397.  
  3398. <p><span class="small-caps">Our workshop, now elf-free</span> due to labor regulations, has been hard at work on a couple of goodies that we&rsquo;re looking forwarding to bringing you in January; <strong>watch this space.</strong> Until then, best wishes for the holidays and a happy new year &mdash; see you in 2009! &mdash;H&amp;Co</p>]]>
  3399.    </description>
  3400.    <pubDate>Thu, 25 Dec 2008 04:04:00 +0000</pubDate>
  3401.    <guid>https://www.typography.com/blog/typographic-gifts-for-you#379</guid>
  3402. </item>
  3403.                   <item>
  3404.    <title><![CDATA[Typographic Gifts for Designers, Part 15]]></title>
  3405.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-15</link>
  3406.    <description>
  3407.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/snd-cards.png">
  3408.  
  3409. <p><span class="small-caps">If you&rsquo;re an editorial designer,</span> chances are that you&rsquo;re familiar with the <a href="http://www.snd.org/" target="_blank">Society for News Design</a> through its workshops, its excellent international conferences, and of course its annual. What you might not know is that SND operates the non-profit <em>SND Foundation,</em> which provides college scholarships, research grants, and travel stipends to help students attend its events. Did I mention the <a href="http://www.snd.org/about/fnd5.html" target="_blank">college scholarships for designers?</a></p>
  3410.  
  3411. <p>For last year&rsquo;s conference in Las Vegas, SND Foundation President Bill Gaspard orchestrated a terrific keepsake: a deck of <strong>Custom Illustrated Playing Cards</strong>, for which 54 illustrators volunteered their time and talent, contributing one card each. Guessing correctly that H&amp;Co has a thing for <a href="https://www.typography.com/fonts/numbers/inside/deuce/" target="_blank">the typography of playing cards</a>, I was invited to design the packaging, affording me a chance to two of our best wedge-seriffed typefaces, <a href="http://www.typography.com/fonts/saracen/overview/" target="_blank">Saracen</a> and <a href="http://www.typography.com/fonts/mercury-text/overview/" target="_blank">Mercury</a>. And naturally Gaspard and fellow designer Tyson Evans used our <a href="http://www.typography.com/fonts/numbers/inside/deuce" target="_blank">Deuce</a> font on the cards themselves.</p>
  3412.  
  3413. <p>For those who weren&rsquo;t able to make it to Vegas, SND is now offering sets of these commemorative cards for sale, for a tax-deductible contribution of $20.00. All proceeds go to support the work of the SND Foundation; did I mention the <a href="http://www.snd.org/about/fnd5.html" target="_blank">college scholarships for designers?</a> &mdash;JH</p>]]>
  3414.    </description>
  3415.    <pubDate>Thu, 18 Dec 2008 15:18:00 +0000</pubDate>
  3416.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-15#381</guid>
  3417. </item>
  3418.                   <item>
  3419.    <title><![CDATA[Typographic Gifts for Designers, Part 14]]></title>
  3420.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-14</link>
  3421.    <description>
  3422.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/berenice-abbott.jpg">
  3423.  
  3424. <p><span class="small-caps">Hot on the heels</span> of my open question about <a href="https://www.typography.com/blog/typographic-gifts-for-designers-part-11" target="_blank">artists and fives</a>, I came across this marvelous photograph by Berenice Abbott featuring a pair of gorgeous fives in starring roles. Abbott is best remembered for <em>Changing New York,</em> her seminal collection of photographs that documents New York of the 1930s; it&rsquo;s both an inspiration and a great resource for designers, especially typeface designers whose work is <a href="https://www.typography.com/fonts/gotham/history/" target="_blank">influenced</a> by the public sphere.</p>
  3425.  
  3426. <p>For eighty years, the A. Zito Bakery stood at 259 Bleecker Street, a short walk from the H&amp;Co offices. In a street now dominated by bar room neon and vacuform plastic, Zito&rsquo;s window looked in 2004 much the way it did when Abbott photographed it in 1937. <em>Bread Store</em> is among a collection of <strong>Berenice Abbott Photographs</strong> now available from AllPosters.com as high-resolution Gicl&eacute;e prints, lovely not only for the glimpses they offer into a grander New York, but for some marvelous lettering as well. These barber shop windows (<a href="http://www.allposters.com/gallery.asp?startat=/getposter.asp&amp;APNum=4325626&amp;CID=6E0937B31D0C4560AF64B54B97029C14&amp;PPID=1&amp;search=berenice%20abbott&amp;f=t&amp;FindID=0&amp;P=1&amp;PP=3&amp;sortby=PD&amp;cname=&amp;SearchID=" target="_blank">1</a>, <a href="http://www.allposters.com/gallery.asp?startat=/getposter.asp&amp;APNum=4325674&amp;CID=6E0937B31D0C4560AF64B54B97029C14&amp;PPID=1&amp;search=berenice%20abbott&amp;f=t&amp;FindID=0&amp;P=1&amp;PP=3&amp;sortby=PD&amp;cname=&amp;SearchID=" target="_blank">2</a>) must be tremendous up close, and the humble decals in Zito&rsquo;s window above have long been a favorite of ours: our <a href="https://www.typography.com/fonts/numbers/inside/delancey/">Delancey</a> font is based on them. &mdash;JH</p>]]>
  3427.    </description>
  3428.    <pubDate>Mon, 15 Dec 2008 07:23:00 +0000</pubDate>
  3429.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-14#378</guid>
  3430. </item>
  3431.                   <item>
  3432.    <title><![CDATA[Typographic Gifts for Designers, Part 13]]></title>
  3433.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-13</link>
  3434.    <description>
  3435.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/lettermix_500.jpg">
  3436.  
  3437. <p><span class="small-caps">The disappearance of wood type</span> has something to do with the slow fade of letterpress from the world of commercial printing; it also has something to do with that dude at the flea market who sells hot-glued wood type sculptures on the weekends. And the Dust Bowl didn&rsquo;t help: seventy years ago, Americans throughout the Great Plains discovered that blocks of hardwood impregnated with linseed oil could be very useful in a whole new way, so into the furnace they went.</p>
  3438.  
  3439. <p>Uppercase Gallery in Calgary has collected some wood type that&rsquo;s been removed from circulation, and is offering it as the cheerfully packaged <strong>Authentic Vintage Woodtype Lettermix.</strong> We&rsquo;re delighted that they chose our <a href="https://www.typography.com/fonts/knockout/overview/">Knockout</a> font family for the packaging, a typeface founded in the very sans serifs that their package contains. &mdash;JH</p>]]>
  3440.    </description>
  3441.    <pubDate>Fri, 12 Dec 2008 07:34:00 +0000</pubDate>
  3442.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-13#377</guid>
  3443. </item>
  3444.                   <item>
  3445.    <title><![CDATA[Typographic Gifts for Designers, Part 12]]></title>
  3446.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-12</link>
  3447.    <description>
  3448.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/totebags.jpg">
  3449.  
  3450. <p><span class="small-caps">I liked <a href="http://en.wikipedia.org/wiki/Sampler_(needlework)" target="_blank">samplers</a> as a kid.</span> In the fictional account of my life, I could trace this affection to my dear great-grandmother Abigail, who spent hours embroidering by candlelight (when she wasn&rsquo;t busy repairing uniforms for returning Union soldiers.) But having grown up in New York in the seventies, it&rsquo;s more likely that I first noticed the style while watching <em>Family Feud,</em> and that a steady diet of Atari 2600 and NAMCO simply predisposed my developing brain to a sympathy for bitmaps.</p>
  3451.  
  3452. <p><a href="http://www.etsy.com/view_listing.php?ref=sr_gallery_5&amp;listing_id=18073075" target="_blank">Etsy</a> is carrying a charming little bag that pays homage to the cross-stitch, a gusseted <strong>Canvas Tote</strong> silkscreened in orange or blue. At 11" &times; 14" (30cm &times; 35cm) it&rsquo;s big enough for the usual junk that designers lug around, and is of course a sound alternative to grocery store plastic, whether you&rsquo;re ecologically responsible or just self-righteous. Either way, be stylish. &mdash;JH</p>]]>
  3453.    </description>
  3454.    <pubDate>Thu, 11 Dec 2008 07:04:00 +0000</pubDate>
  3455.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-12#376</guid>
  3456. </item>
  3457.                   <item>
  3458.    <title><![CDATA[Typographic Gifts for Designers, Part 11]]></title>
  3459.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-11</link>
  3460.    <description>
  3461.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ziggurat-five-poster2_500.jpg">
  3462.  
  3463. <p><span class="small-caps">Picking up where we left off <a href="https://www.typography.com/blog/typographic-gifts-for-designers-part-10">last year</a>,</span> we thought we&rsquo;d round out 2008 with some holiday ideas for the recovering typophiliac in your life.</p>
  3464.  
  3465. <p>I&rsquo;m intrigued by Jen Bekman&rsquo;s <a href="http://www.20x200.com/" target="_blank">20x200</a>, which every week produces small runs of small works on paper, at prices to match. Among their collection of prints and photographs is this limited edition print by Superdeluxe, the studio of designers Adrienne Wong and Karin Spraggs. The appropriately named <strong>Ziggurat 5</strong> is a happy riot of color and type, featuring of course the figure five from our own <a href="https://www.typography.com/fonts/ziggurat/overview/">Ziggurat Black</a> typeface. (What is it about artists and <a href="http://images.google.com/images?um=1&amp;hl=en&amp;safe=off&amp;client=safari&amp;rls=en-us&amp;q=I+Saw+the+Figure+Five+in+Gold&amp;btnG=Search+Images
  3466. " target="_blank">fives</a>?) The print is produced in three different editions: a small 8&frac12;" &times; 11" (22cm &times; 28cm) in archival pigments, a larger 17" &times; 20" (43cm &times; 51cm) that includes a letterpress impression, and the largest 30" &times; 40" (76cm &times; 102cm) which combines printing and silkscreening. Collect all three. Fives. &mdash;JH</p>]]>
  3467.    </description>
  3468.    <pubDate>Wed, 10 Dec 2008 06:10:00 +0000</pubDate>
  3469.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-11#375</guid>
  3470. </item>
  3471.                   <item>
  3472.    <title><![CDATA[Blog Tags]]></title>
  3473.    <link>https://www.typography.com/blog/blog-tags</link>
  3474.    <description>
  3475.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/blog-tags-graf_500.jpg">
  3476.  
  3477. <p><span class="small-caps">Regular readers of H&amp;Co&rsquo;s blog</span> will notice a few changes to the blog today, chief among them the addition of <strong>tags</strong>.</p>
  3478.  
  3479. <p>Some items are identified by visual labels (<a href="http://www.typography.com/blog/tag/Blackletter" target="_blank">Blackletter</a>, <a href="http://www.typography.com/blog/tag/Punctuation" target="_blank">Punctuation</a>, <a href="http://www.typography.com/blog/tag/Calligraphy" target="_blank">Calligraphy</a>, <a href="http://www.typography.com/blog/tag/Lettering" target="_blank">Lettering</a>), others are organized conceptually (<a href="http://www.typography.com/blog/tag/Behavior" target="_blank">Behavior</a>, <a href="http://www.typography.com/blog/tag/Puzzles" target="_blank">Puzzles</a>, <a href="http://www.typography.com/blog/tag/Satire" target="_blank">Satire</a>, <a href="http://www.typography.com/blog/tag/Unexplained" target="_blank">Unexplained</a>); most tags have a little bit of both (<a href="http://www.typography.com/blog/tag/Modular+Letters" target="_blank">Modular Letters</a>, <a href="http://www.typography.com/blog/tag/Process" target="_blank">Process</a>, <a href="http://www.typography.com/blog/tag/Paradoxes" target="_blank">Paradoxes</a>). At least a few categories might be unexpected (<a href="http://www.typography.com/blog/tag/Food+and+Drink" target="_blank">Food &amp; Drink</a>, <a href="http://www.typography.com/blog/tag/Gifts" target="_blank">Gifts</a>, <a href="http://www.typography.com/blog/tag/Onomastics" target="_blank">Onomastics</a>, <a href="http://www.typography.com/blog/tag/Asemic+Writing" target="_blank">Asemic Writing</a>), and at least one is probably confounding. But I&rsquo;ll leave it to you to find it. &mdash;JH</p>]]>
  3480.    </description>
  3481.    <pubDate>Mon, 08 Dec 2008 14:00:00 +0000</pubDate>
  3482.    <guid>https://www.typography.com/blog/blog-tags#374</guid>
  3483. </item>
  3484.                   <item>
  3485.    <title><![CDATA[His Name Was Almost Legion]]></title>
  3486.    <link>https://www.typography.com/blog/his-name-was-almost-legion</link>
  3487.    <description>
  3488.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/lettersnijder-mats_500.jpg">
  3489.  
  3490. <p><span class="small-caps"><a href="http://typefoundry.blogspot.com/" target="_blank">James Mosley</a> shared with me</span> this striking photograph of some of the world&rsquo;s oldest type-making material. These brass matrices, made by a Dutch punchcutter in 1508, are now in the collection of the <a href="http://www.museumenschede.nl/" target="_blank">Ensched&eacute; Museum</a> in Haarlem. It&rsquo;s remarkable that they&rsquo;ve survived long enough to celebrate their 500th birthday.</p>
  3491.  
  3492. <p>Especially enthusiastic type buffs might recognize these as the <em>Great Primer Uncials</em> that we adapted for our <a href="https://www.typography.com/fonts/historical-allsorts/inside/english-textura/" target="_blank">Historical Allsorts</a> collection, but even the most devoted connoisseur is unlikely to know the name of the man behind them. It&rsquo;s amazing that we don&rsquo;t, given his significance: historian H. D. L. Vervliet identifies an entire historical period with the designer&rsquo;s name alone, noting that as many as <em>half</em> of all books printed in Holland in the first half of the sixteenth century featured this one man&rsquo;s typefaces. This was an extraordinary achievement for a man less famous than his contemporaries Garamond, Granjon or Plantin, so we have to ask &mdash; doing our best <a href="https://www.youtube.com/watch?v=yYMRjnM6j6w" target="_blank">Graham Chapman impression</a> &mdash; why is it that the world has forgotten the name of <strong>Henric Pieterszoon Lettersnijder?</strong></p>
  3493. <!--read_more-->
  3494.  
  3495. <p>The polysyllabic moniker couldn&rsquo;t have helped, any more than it helped save the two other typographic <em>Lettersnijders</em> from obscurity (it&rsquo;s not a last name, but rather an appellation meaning &lsquo;letter-cutter&rsquo;), though Henric Pieterszoon was likely a victim of the style in which he worked. Typography confers immortality upon those whose designs are successfully adapted by others, and enduring names such as &ldquo;Garamond&rdquo; are known to us thanks to an unbroken chain of homages &mdash; concluding finally in a century&rsquo;s worth of historical revivals that populate our font menus. Whatever their aesthetic virtues, what most immediately qualified Garamond&rsquo;s types for revival was their familiarity: the Garamonds we know today are romans and italics, two universal species of letter in which Henric Pieterszoon Lettersnijder never worked.</p>
  3496.  
  3497. <p>The styles for which Lettersnijder was best known were a <a href="https://www.typography.com/fonts/historical-allsorts/inside/english-textura/" target="_blank">textura</a> of the Northern European style, and these marvelous uncials. Uncials are rounded Gothic letters of Lombardic origin, used mainly for initials, and Lettersnijder&rsquo;s uncials are of a Germanic strain identifiable by the knobby serif endings that Vervliet colorfully calls &ldquo;poodle&rsquo;s paws.&rdquo; After dominating typography for half a century, Lettersnijder&rsquo;s designs began to fade from view only when the types themselves began to physically deteriorate, but ultimately it was the ascendancy of humanism that drove all of the gothic styles from favor. Gothic types appeared in nearly every book printed at the beginning of the sixteenth century, but almost none of those printed at the end. In the twenty-first century, texturas and uncials live on as interesting typographic curios, trotted out for newspaper flags, diplomas, and other special occasions. A &ldquo;happy 500th birthday&rdquo; card would surely qualify. &mdash;JH</p>]]>
  3498.    </description>
  3499.    <pubDate>Wed, 03 Dec 2008 07:00:00 +0000</pubDate>
  3500.    <guid>https://www.typography.com/blog/his-name-was-almost-legion#373</guid>
  3501. </item>
  3502.                   <item>
  3503.    <title><![CDATA[Change We Somehow Can’t Quite Believe In, Though We Just Can’t Put Our Finger On It]]></title>
  3504.    <link>https://www.typography.com/blog/change-we-somehow-cant-quite-believe-in-though-we-just-cant-put-our-finger-</link>
  3505.    <description>
  3506.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/changeling.png">
  3507.  
  3508. <p><span class="small-caps">Every four years, the month of November</span> tenders an exciting opportunity for financial speculation, this year offering an almost practical alternative to your lending institution of choice (still solvent as of presstime) or your flameproof mattress. Behold the high-stakes world of political memorabilia, now doing brisk business on the internet.</p>
  3509.  
  3510. <p>To my surprise and delight, this year&rsquo;s &ldquo;process pieces&rdquo; about the election included <a href="https://www.typography.com/about/press.php" target="_blank">dozens of articles</a> about the Obama campaign&rsquo;s exceptional graphic design standards, none of which failed to mention <a href="https://www.typography.com/fonts/gotham/overview/">Gotham</a>, the campaign&rsquo;s official typeface. Obviously not every piece of Obama paraphernalia featured the font &mdash; organizations unaffiliated with the campaign certainly produced their share of ad hoc design, and this was a candidate who attracted a tremendous number of independent enthusiasts &mdash; but the typography employed by the campaign itself was remarkably consistent, which is what made it newsworthy.</p>
  3511.  
  3512. <p>A search for &ldquo;Obama&rdquo; on eBay yields more than twenty thousand items, including these three pieces of questionable Obama memorabilia (Fauxbamarabilia?), none of which features the campaign&rsquo;s signature typeface. First and last are rally signs set in Gill Sans, which is close to Gotham, but no cigar. At the top it&rsquo;s paired with Lucida, at the bottom with Times Roman; let me suggest to anyone interested in counterfeiting printed ephemera that you look a little further than the fonts that came with your computer. The middle one has a certain primitivist charm that suggests the work of a cheerful amateur, but the legend &ldquo;Paid for by Obama for America&rdquo; marks it as a likely fraud: if it&rsquo;s not, it&rsquo;s the only piece of American political printing I&rsquo;ve ever seen that doesn&rsquo;t also include a <a href="http://en.wikipedia.org/wiki/Union_label
  3513. " target="_blank">union bug</a>.</p>
  3514.  
  3515. <p>Anyway, if you&rsquo;re hunting for genuine souvenirs, try the campaigns themselves. Both the <a href="http://store.barackobama.com/Office_s/600.htm
  3516. " target="_blank">Obama</a> and <a href="http://www.johnmccain.com/storelanding/" target="_blank">McCain</a> organizations are still unloading their extras. &mdash;JH</p>]]>
  3517.    </description>
  3518.    <pubDate>Wed, 26 Nov 2008 05:00:00 +0000</pubDate>
  3519.    <guid>https://www.typography.com/blog/change-we-somehow-cant-quite-believe-in-though-we-just-cant-put-our-finger-#372</guid>
  3520. </item>
  3521.                   <item>
  3522.    <title><![CDATA[On the Death and 441-Year Life of the Pixel]]></title>
  3523.    <link>https://www.typography.com/blog/on-the-death-and-441-year-life-of-the-pixel</link>
  3524.    <description>
  3525.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ostaus.png">
  3526.  
  3527. <p><span class="small-caps">The struggle </span>to adequately render letterforms on a pixel grid is a familiar one, and an ancient one as well: this bitmap alphabet is from <em>La Vera Perfettione del Disegno di varie sorte di ricami,</em> an embroidery guide by Giovanni Ostaus published in 1567.</p>
  3528.  
  3529. <p>Renaissance &lsquo;lace books&rsquo; have much to offer the modern digital designer, who also faces the challenge of portraying clear and replicable images in a constrained environment. Ostaus&rsquo;s alphabet follows the cardinal rule of bitmaps, which is to always reckon the height of a capital letter on an odd number of pixels. (Try drawing a capital <strong class="alternate">E</strong> on both a 5&times;5 grid and a 6&times;6, and you&#39;ll see.) Ostaus ignored the second rule, however, which is &ldquo;leave space for descenders.&rdquo;</p>
  3530.  
  3531. <p>I&rsquo;d planned to introduce this item with a snappy headline that juxtaposed the old and the new &mdash; <em>for your sixteenth-century Nintendo!</em> &mdash; before reflecting on the pixel&rsquo;s moribund existence. Pixels were the stuff of my first computer, which strained to show 137 of them in a square inch; my latest cellphone manages 32,562 in this same space, and has 65,000 colors to choose from, not eight. Its smooth anti-aliased type helps conceal the underlying matrix of pixels, which are nearly as invisible as the grains of silver halide on a piece of film. And its user interface reinforces this illusion using a trick borrowed from Hollywood: it keeps the type moving as much as possible.</p>
  3532.  
  3533. <p>Crisp cellphone screens aren&rsquo;t the end of the story. There are already sharper displays on handheld remote controls and consumer-grade cameras, and monitors supporting the tremendous <em>WQUXGA</em> resolution of 3840&times;2400 are making their way from medical labs to living rooms. The pixel will never go away entirely, but its finite universe of digital watches and winking highway signs is contracting fast. It&rsquo;s likely that the pixel&rsquo;s final and most enduring role will be a shabby one, serving as an out-of-touch visual clich&eacute; to connote &ldquo;the digital age.&rdquo; &mdash;JH</p>]]>
  3534.    </description>
  3535.    <pubDate>Thu, 20 Nov 2008 07:02:00 +0000</pubDate>
  3536.    <guid>https://www.typography.com/blog/on-the-death-and-441-year-life-of-the-pixel#371</guid>
  3537. </item>
  3538.                   <item>
  3539.    <title><![CDATA[To Paraphrase Alasdair Gray]]></title>
  3540.    <link>https://www.typography.com/blog/to-paraphrase-alasdair-gray</link>
  3541.    <description>
  3542.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/work_500.png">
  3543.  
  3544. <p><span class="small-caps">You are.</span> &mdash;JH</p>]]>
  3545.    </description>
  3546.    <pubDate>Wed, 05 Nov 2008 09:00:00 +0000</pubDate>
  3547.    <guid>https://www.typography.com/blog/to-paraphrase-alasdair-gray#370</guid>
  3548. </item>
  3549.                   <item>
  3550.    <title><![CDATA[Voting Irregularities Already!]]></title>
  3551.    <link>https://www.typography.com/blog/voting-irregularities-already</link>
  3552.    <description>
  3553.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/election-typecuts_500.jpg">
  3554.  
  3555. <p><span class="small-caps">The donkey is universally recognized</span> as the symbol of Democratic Party of the United States. Except inside voting booths in New York State, where affiliation with the Democratic party is marked by a five-pointed star. Midwestern voters indicate the Democratic ticket with a rooster, except in Missouri, where the symbol has traditionally been the Statue of Liberty &mdash; coincidentally also the symbol of the Libertarian party, which appealed to use the symbol when they joined the ballot in 1976. They&rsquo;ve settled for using the Liberty Bell instead, though some Missouri Libertarians also use the symbol of the mule. Not the Democratic mule, mind you, the <em>Missouri</em> mule. The mule is the state animal of Missouri.</p>
  3556.  
  3557. <p>Those who suspect that Republican iconography will show the same mastery of political organization as the rest of that party are correct: Republican candidates are always signified by an elephant, except inside voting booths in Indiana, New York, and West Virginia, where an eagle is used instead. And in these states, as well as the 47 others, the eagle is also the national symbol of the United States itself.</p>
  3558.  
  3559. <p>The Chicago typefoundry of Barnhart Brothers &amp; Spindler showed these &ldquo;Election Typecuts&rdquo; in their <em>Catalog 25-A,</em> published around 1930, and 78 years later I think my district is still using this same art. Cheerily Barnhart Brothers accompanied their samples with this legend:</p>
  3560.  
  3561. <blockquote class="excerpt">
  3562. <p>When changes in the political situation &mdash; the birth of new parties, revision of election laws, or other causes call for new emblems or characters other than shown above, our facilities enable us to produce the material promptly at moderate cost.</p>
  3563. </blockquote>
  3564.  
  3565. <p>I&rsquo;m ready. You? &mdash;JH</p>]]>
  3566.    </description>
  3567.    <pubDate>Tue, 04 Nov 2008 08:00:00 +0000</pubDate>
  3568.    <guid>https://www.typography.com/blog/voting-irregularities-already#369</guid>
  3569. </item>
  3570.                   <item>
  3571.    <title><![CDATA[Find us on Facebook]]></title>
  3572.    <link>https://www.typography.com/blog/find-us-on-facebook</link>
  3573.    <description>
  3574.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-facebook-friends_500.jpg">
  3575.  
  3576. <p><span class="small-caps">Yesterday, our 1,000th Facebook friend</span> became a fan of H&amp;Co. <a href="https://www.facebook.com/HoeflerCo" target="_blank">Won&rsquo;t you join us?</a></p>
  3577.  
  3578. <p>Fellow typographers have joined us on Facebook to start conversations, share links of interest, and post photographs of things made with H&amp;Co fonts. (Now showing: group member Rick Griffith&rsquo;s typographic stencils made from Gotham, in which the scale isn&rsquo;t immediately apparent; &ldquo;it&rsquo;s about eight feet long,&rdquo; says Rick casually&hellip;) Bring your favorite work featuring H&amp;Co fonts and share it with the class. &mdash;JH</p>]]>
  3579.    </description>
  3580.    <pubDate>Tue, 28 Oct 2008 07:22:00 +0000</pubDate>
  3581.    <guid>https://www.typography.com/blog/find-us-on-facebook#368</guid>
  3582. </item>
  3583.                   <item>
  3584.    <title><![CDATA[Atoms & Aldus]]></title>
  3585.    <link>https://www.typography.com/blog/atoms-aldus</link>
  3586.    <description>
  3587.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/aldine-italic_500.jpg">
  3588.  
  3589. <p><span class="small-caps">Last week I mentioned <a href="https://www.typography.com/blog/a-typographic-challenge-at-0.000007086614175-points" target="_blank">the atomic pen</a>,</span> which scientists used to construct some awfully tiny letters one atom at a time. These are small letters indeed: measuring two nanometers in height, they&rsquo;re about <span style="position: relative; top: 1px; letter-spacing: -2px;">&sup1;</span><span style="letter-spacing: -2px;">&frasl;</span><span style="position: relative; top: -2px;">&#8324;&#8320;&#8320;&#8320;&#8320;</span>&nbsp;the thickness of a human hair, which surely gives their inventor sufficient authority to issue the casual throwdown that &ldquo;it&rsquo;s not possible to write any smaller than this.&rdquo; But it is, of course, and the technique for doing so has been known to typefounders for more than five hundred years.</p>
  3590. <!--read_more-->
  3591.  
  3592. <p>The issue of <a href="https://www.typography.com/fonts/mercury-text/features/mercury-efficiency/" target="_blank">space-efficiency</a> is one that&rsquo;s <a href="https://www.typography.com/fonts/whitney/features/whitney-economy/" target="_blank">very dear</a> to type designers, and the tradition of designing around spatial limitations is one that dates to the very earliest printed books. The name most commonly associated with compact typography is Aldus Manutius (1449&ndash;1515), the renaissance printer who produced the world&rsquo;s first <a href="http://en.wikipedia.org/wiki/Octavo_(book)" target="_blank">octavo</a> edition in 1501, a book small enough to be carried in the pocket. Aldus is remembered for a second important innovation as well: it was Aldus&rsquo;s punchcutter, Francesco Griffo, who cut the world&rsquo;s first italic typeface in 1499. Below is this italic as it appears in the oldest book in the H&amp;Co library, a small volume of verse by the humanist poet Giovanni Aurelius Augurello published in 1505. Not coincidentally this is a very small book, measuring just 3&frac12;" &times; 6&frac14;" (89 &times; 159 mm); italics and small books have something in common.</p>
  3593.  
  3594. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoeflers-patent-italic-atoms_500.png">
  3595.  
  3596. <p>Before the italic evolved its modern semantic function as an auxiliary to the roman, it was simply a different vernacular style. Some suggest that Aldus&rsquo;s selection may have had a cultural component &mdash; that just as early Venetian printers used roman types to distinguish secular works from religious ones (which were set in blackletter), Aldus may have chosen italic letters to distinguish verse from prose (which was set in roman.) In any case, a demonstrable benefit of italics that Aldus exploited was their economy: italics are narrower than romans, and more compactly fitted, which allowed Aldine editions to carry more words per page than books printed in comparably-sized roman types.</p>
  3597.  
  3598. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoeflers-patent-italic-atoms2_500.png">
  3599.  
  3600. <p>Just as the hypotenuse is always the longest side of a right triangle, an angled letter <strong class="alternate">I</strong> will always be longer than an upright <strong class="alternate">I</strong> of the same height. This can be a nuisance when designing type families, since an especially slanted italic will have ascenders and descenders that feel too long, and shortening them would undercut a fundamental visual relationship with the matching roman. But where there is no matching roman, as in Aldus&rsquo;s case, these strokes can be retracted at will, offering the additional benefit of shortening the alphabet&rsquo;s overall height. And it&rsquo;s this technique that suggests a solution to the atomic alphabet challenge: by reckoning letters on a rotated grid, in which there are upright vertices instead of horizontal ones, it&rsquo;s easier to make letters that can be both shorter and more tightly fitted. A final benefit of the rotated grid is the ease with which it can render horizontal strokes, which are crucial to the Latin alphabet, and otherwise impossible in a hexagonal matrix. &mdash;JH</p>
  3601.  
  3602. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/atoms-n-aldus_500.jpg">]]>
  3603.    </description>
  3604.    <pubDate>Tue, 21 Oct 2008 08:00:00 +0000</pubDate>
  3605.    <guid>https://www.typography.com/blog/atoms-aldus#367</guid>
  3606. </item>
  3607.                   <item>
  3608.    <title><![CDATA[The Neon Boneyard]]></title>
  3609.    <link>https://www.typography.com/blog/the-neon-boneyard</link>
  3610.    <description>
  3611.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/clymer-neon-boneyard_500.jpg">
  3612.  
  3613. <p><span class="small-caps">Our own Andy Clymer&nbsp;as returned</span> from a trip out west with some <a href="http://flickr.com/photos/andyclymer/tags/neonboneyard/
  3614. " target="_blank">fine photos</a> of Las Vegas&rsquo;s infamous neon boneyard. A project of the <a href="http://www.neonmuseum.org/boneyard.html" target="_blank">Neon Museum</a>, a nonprofit organization dedicated to the preservation and study of one of the nation&rsquo;s great lettering traditions, the neon boneyard is of course located in the Las Vegas desert: an ideal climate for preservation, and convenient to the center of the energetic neon carnage of the 21st century.</p>
  3615.  
  3616. <p>Years ago I enjoyed a tour of the boneyard during a visit with Yesco, the Young Electric Sign Company, who are responsible for the haberdashery of a significant number of megawatts on the Vegas strip. It was with a combination of pride and horror that I discovered how many H&amp;Co fonts were being used on the new digital signs that were fast replacing the old neon: even today, Yesco&rsquo;s <a href="http://www.yesco.com/" target="_blank">own site</a> advertises their digital abilities using a little <a href="http://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout</a>. For a type designer with a love of <a href="https://www.typography.com/fonts/gotham/history/" target="_blank">signs</a>, it&rsquo;s a very odd feeling. &mdash;JH</p>]]>
  3617.    </description>
  3618.    <pubDate>Mon, 20 Oct 2008 13:00:00 +0000</pubDate>
  3619.    <guid>https://www.typography.com/blog/the-neon-boneyard#366</guid>
  3620. </item>
  3621.                   <item>
  3622.    <title><![CDATA[A Typographic Challenge at 0.000007086614175 points]]></title>
  3623.    <link>https://www.typography.com/blog/a-typographic-challenge-at-0.000007086614175-points</link>
  3624.    <description>
  3625.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/atomic-type.jpg">
  3626.  
  3627. <p><span class="small-caps">With what is delightfully being called &ldquo;The Atomic Pen,&rdquo;</span> a team of researchers has created what are likely the world&rsquo;s smallest letters. At left is an array of silicon atoms measuring two nanometers in height, or a little less than one hundred thousandth&nbsp;of a point.</p>
  3628.  
  3629. <p>Their technique, documented in today&rsquo;s issue of <a href="http://www.sciencemag.org/cgi/content/abstract/322/5900/413" target="_blank"><em>Science</em></a> magazine, makes use of an earlier discovery: that within a certain proximity, individual atoms from the silicon tip of an <a href="http://en.wikipedia.org/wiki/Atomic_force_microscope" target="_blank">atomic force microscope</a> will exchange with tin atoms on the surface of a semiconductor. &ldquo;It&rsquo;s not possible to write any smaller than this,&rdquo; said researcher Masayuki Abe, which sounds like a challenge to me: I can already think of one way to make letters that are 8% smaller, using the team&rsquo;s own technique. Can you? <a href="https://www.typography.com/blog/atoms-aldus">Answers next week</a>. &mdash;JH</p>]]>
  3630.    </description>
  3631.    <pubDate>Fri, 17 Oct 2008 11:38:00 +0000</pubDate>
  3632.    <guid>https://www.typography.com/blog/a-typographic-challenge-at-0.000007086614175-points#365</guid>
  3633. </item>
  3634.                   <item>
  3635.    <title><![CDATA[For America.]]></title>
  3636.    <link>https://www.typography.com/blog/for-america</link>
  3637.    <description>
  3638.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hoefler-obama-poster4_500.png">
  3639.  
  3640. <p><span class="small-caps">This summer, the Obama campaign</span> asked me to design a typographic poster for the Artists for Obama series. It&rsquo;s now <span class="strikethrough">available</span> <strong class="alert">sold out</strong> at the Obama for America website, in a numbered edition of 5,000. &mdash;JH</p>]]>
  3641.    </description>
  3642.    <pubDate>Wed, 15 Oct 2008 12:14:00 +0000</pubDate>
  3643.    <guid>https://www.typography.com/blog/for-america#364</guid>
  3644. </item>
  3645.                   <item>
  3646.    <title><![CDATA[Collection of the Day]]></title>
  3647.    <link>https://www.typography.com/blog/collection-of-the-day</link>
  3648.    <description>
  3649.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typewriter-tins_500.jpg">
  3650.  
  3651. <p><span class="small-caps">I am not wistful for the days of carbon paper</span> and <a href="http://en.wikipedia.org/wiki/Correction_paper" target="_blank">Ko-Rec-Type</a>, and the era of the typewriter ended before I ever figured out what to do with those <a href="http://flickr.com/photos/67324926@N00/23137756" target="_blank">wheely-eraser-brush-things</a> that populated my parents&rsquo; offices. But a truly grand leftover from the vanished world of the typewriter is the ribbon tin; my friend <a href="http://www.talleming.com">Tal</a> sent me <a href="http://flickr.com/photos/uppercaseyyc/sets/72157603733873729/" target="_blank">this collection</a> of product packaging shots on Flickr, which are resplendent with lovely lettering. Some are <a href="http://flickr.com/photos/uppercaseyyc/2198753866/in/set-72157603733873729/" target="_blank">sweet</a> and others <a href="http://flickr.com/photos/uppercaseyyc/2198756370/in/set-72157603733873729/" target="_blank">serious</a>, some are <a href="http://flickr.com/photos/uppercaseyyc/2198757728/in/set-72157603733873729/" target="_blank">frank</a>, and some are simply <a href="http://flickr.com/photos/uppercaseyyc/2197966579/in/set-72157603733873729/" target="_blank">fantastic</a>. &mdash;JH</p>]]>
  3652.    </description>
  3653.    <pubDate>Mon, 13 Oct 2008 07:42:00 +0000</pubDate>
  3654.    <guid>https://www.typography.com/blog/collection-of-the-day#363</guid>
  3655. </item>
  3656.                   <item>
  3657.    <title><![CDATA[The World’s Most Perfect Script]]></title>
  3658.    <link>https://www.typography.com/blog/the-worlds-most-perfect-script</link>
  3659.    <description>
  3660.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hangul2.png">
  3661.  
  3662. <p><span class="small-caps">Typographically, the Republic of Korea</span> has much to celebrate. The world&rsquo;s first typefaces cast in metal were made in Korea: a fourteenth century book in the collection of the Biblioth&egrave;que Nationale de Paris establishes Korean printing from movable type at least as far back as 1377, though <a href="http://en.wikipedia.org/wiki/History_of_typography_in_East_Asia#Movable_type_in_Korea
  3663. " target="_blank">Korean typefounding</a> may date to 1234, some 221 years before Gutenberg. An impediment to early printing was the complexity of Chinese characters, then used to render the Korean language, which further stifled national literacy. But in 1446, an undertaking by King Sejong the Great addressed both problems, through what is surely one of the greatest inventions in the history of typography: the <em>Hangul</em> alphabet. On October 9, Korea celebrates this incredible innovation as Korean Alphabet Day, better known as <a href="http://en.wikipedia.org/wiki/Hangul_Day" target="_blank">Hangul Day</a>.</p>
  3664.  
  3665. <p>The invention and reform of alphabets has a <a href="http://en.wikipedia.org/wiki/List_of_inventors_of_writing_systems" target="_blank">long tradition</a>, though its efforts are rarely successful. Generally speaking, script systems with <a href="http://www.omniglot.com/writing/conscripts.htm" target="_blank">highly scientific foundations</a> go completely unrecognized, the typographic equivalent of Esperanto. And among the world&rsquo;s most successful script systems are some of its most arbitrary: nothing in the design of the Latin <strong class="alternate">A</strong> suggests its sound or meaning, and even scripts with pictographic origins such as Chinese are usually <a href="http://en.wikipedia.org/wiki/Chinese_character_classification#Pictograms
  3666. " target="_blank">abstracted</a> to the point of unrecognizability. But Hangul, Korea&rsquo;s &ldquo;Great Script,&rdquo; is perhaps history&rsquo;s only effort at alphabet reform that is both scientifically rigorous and universally successful. As a result of careful planning, Hangul is easily learned, comfortably written, and infinitely flexible.</p>
  3667.  
  3668. <p>Hangul is comprised of 51 <em>jamo,</em> or phomenic units, whose shapes are highly organized. Simple consonants are linear (&#12593;, &#12596;, &#12599;, &#12601;, &#12609;, &#12610;, &#12613;, &#12615;, &#12616;, &#12618;, &#12619;, &#12620;, &#12621;, &#12622;), vowels are horizontal or vertical lines (&#12623;, &#12627;, &#12631;, &#12636;, &#12641;, &#12643;), glottalized letters are doubled (&#12594;, &#12600;, &#12611;, &#12614;, &#12617;), and so on. But more interestingly, Hangul&rsquo;s characters are <em>featural:</em> their shapes are related to the sounds they symbolize, each representing a different position of the mouth and tongue. Pay attention to the curvature of your lower lip when you form the sounds <em>buh</em> and <em>puh,</em> and you&rsquo;ll begin to see the logic of Hangul&rsquo;s <strong class="alternate">B</strong> (&#12610;) and <strong class="alternate">P</strong> (&#12621;). Notice how your tongue interacts with the roof of your mouth when you say <em>sss</em> and <em>juh,</em> and you&rsquo;ll understand the design of its <strong class="alternate">S</strong> (&#12613;) and <strong class="alternate">J</strong> (&#12616;). Hangul&rsquo;s ability to represent an especially wide range of sounds makes it easy to render loan words from other languages, a challenge in many Asian scripts (but an entertaining hazard to <a href="http://www.snopes.com/cokelore/tadpole.asp" target="_blank">reckless Westerners</a>.) Typographically, I envy my Korean counterparts who get to work with Hangul, with its letterforms that always fit into a square, and can be read in any direction (horizontally or vertically.) And best of all: no kerning! &mdash;JH</p>]]>
  3669.    </description>
  3670.    <pubDate>Thu, 09 Oct 2008 02:00:00 +0000</pubDate>
  3671.    <guid>https://www.typography.com/blog/the-worlds-most-perfect-script#360</guid>
  3672. </item>
  3673.                   <item>
  3674.    <title><![CDATA[Finds from the NYPL]]></title>
  3675.    <link>https://www.typography.com/blog/finds-from-the-nypl</link>
  3676.    <description>
  3677.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-overview-640px.jpg">
  3678.  
  3679. <p><span class="small-caps">Some lovelies</span> from the New York Public Library. &nbsp;&mdash;JH</p>
  3680. <!--read_more-->
  3681.  
  3682. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-2-640px.jpg">
  3683.  
  3684. <p>No. <a href="http://tinyurl.com/53jphw" target="_blank">819191</a>. <em>Petits Genres,</em> a lithograph by J. Midolle, 1834-1835.</p>
  3685.  
  3686. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-1-640px.jpg">
  3687.  
  3688. <p>No. <a href="http://tinyurl.com/4jl8zv" target="_blank">419695</a>. <em>Photographs of British Algae, Vol. 1.</em> A volume of cyanotypes by photographer Anna Atkins, 1843-53.</p>
  3689.  
  3690. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-3-640px.jpg">
  3691.  
  3692. <p>No. <a href="http://tinyurl.com/4ydf5v" target="_blank">481256</a>. <em>Three several alphabets of the Japanese language,</em> by Engelbert Kaempfer, 1727.</p>
  3693.  
  3694. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-4-640px.jpg">
  3695.  
  3696. <p>No. <a href="http://tinyurl.com/3ru6y2" target="_blank">818525</a>. <em>The Prang examples of historic ornament: Arabian.</em> L. Prang &amp; Co.</p>
  3697.  
  3698. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-5-640px.jpg">
  3699.  
  3700. <p>No. <a href="http://tinyurl.com/3maws6" target="_blank">1207546</a>. <em>Past and present yacht clubs of New England,</em> L. Prang &amp; Co., c. 1887.</p>
  3701.  
  3702. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-6-640px.jpg">
  3703.  
  3704. <p>No. <a href="http://tinyurl.com/3nuexv" target="_blank">1221613</a>. <em>A color combination chart for layered clothing,</em> by Yoshiyuki Hagino, 1868.</p>
  3705.  
  3706. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-7-640px.jpg">
  3707.  
  3708. <p>No. <a href="http://tinyurl.com/4szajm" target="_blank">94915</a>. <em>Poster in Chinese from the New York Public Library Chatham Square Branch,</em> a lantern slide.</p>
  3709.  
  3710. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-8-640px.jpg">
  3711.  
  3712. <p>No. <a href="http://tinyurl.com/4ad8fj" target="_blank">1619655</a>. <em>Entwicklung der &Auml;gyptischen Schriftzeichen,</em> 1880.</p>
  3713.  
  3714. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-9-640px.jpg">
  3715.  
  3716. <p>No. <a href="http://tinyurl.com/4gy8rd" target="_blank">1221632</a>. <em>An illustration of writing brushes,</em> by Yoshiyuki Hagino, c. 1868.</p>
  3717.  
  3718. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-10-640px.jpg">
  3719.  
  3720. <p>No. <a href="http://tinyurl.com/3p4afc" target="_blank">426192</a>. <em>Compotus, Quadrans, De Sphaera, Algorismus, Cautelae,</em> by Joannes de Sacro Bosco, c. 1260.</p>
  3721.  
  3722. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nypl-11-640px.jpg">
  3723.  
  3724. <p>No. <a href="http://tinyurl.com/3wvjfy" target="_blank">1152273</a>. <em>Interpretatio I. qua Characterum Sinicorum, qui in Monumento Sinico continenturpronunciatio genuina per Ltinos Characteres exprimitur,</em> by Athanasius Kircher, 1667.</p>]]>
  3725.    </description>
  3726.    <pubDate>Wed, 08 Oct 2008 05:54:00 +0000</pubDate>
  3727.    <guid>https://www.typography.com/blog/finds-from-the-nypl#362</guid>
  3728. </item>
  3729.                   <item>
  3730.    <title><![CDATA[Six Hundred Thousand Images]]></title>
  3731.    <link>https://www.typography.com/blog/six-hundred-thousand-images</link>
  3732.    <description>
  3733.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/prang_alphabets3.png">
  3734.  
  3735. <p><span class="small-caps">Discovered:</span> the New York Public Library&rsquo;s gallery of prints, drawings and photographs is now available <a href="http://digitalgallery.nypl.org/" target="_blank">online</a>. I recommend some keyword searches with typographic terms: &lsquo;lettering&rsquo; yielded <a href="http://digitalgallery.nypl.org/nypldigital/dgkeysearchdetail.cfm?trg=1&amp;strucID=299804&amp;imageID=486088&amp;word=alphabet&amp;s=1&amp;notword=&amp;d=&amp;c=&amp;f=&amp;lWord=&amp;lField=&amp;sScope=&amp;sLevel=&amp;sLabel=&amp;total=74&amp;num=60&amp;imgs=12&amp;pNum=&amp;pos=62#" target="_blank">this little number</a>, a scrapbook of late 19th century advertising cards in resplendent Victorian style. A search for &lsquo;<a href="http://digitalgallery.nypl.org/nypldigital/dgkeysearchresult.cfm?keyword=cyrillic&amp;submit.x=0&amp;submit.y=0" target="_blank">Cyrillic</a>&rsquo; is equally beguiling! &mdash;JH</p>]]>
  3736.    </description>
  3737.    <pubDate>Tue, 07 Oct 2008 09:47:00 +0000</pubDate>
  3738.    <guid>https://www.typography.com/blog/six-hundred-thousand-images#361</guid>
  3739. </item>
  3740.                   <item>
  3741.    <title><![CDATA[Ten Foot Gotham Topiary!]]></title>
  3742.    <link>https://www.typography.com/blog/ten-foot-gotham-topiary</link>
  3743.    <description>
  3744.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gotham-topiary_500.jpg">
  3745.  
  3746. <p><span class="small-caps">Not really much</span> to add to that. It&rsquo;s <a href="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=houston+and+lafayette+streets,+new+york&amp;sll=37.0625,-95.677068&amp;sspn=87.574623,85.78125&amp;ie=UTF8&amp;ll=40.725153,-73.995259&amp;spn=0.005391,0.005236&amp;t=h&amp;z=18&amp;iwloc=addr" target="_blank">here</a>, one block east of the H&amp;Co offices. &mdash;JH</p>]]>
  3747.    </description>
  3748.    <pubDate>Fri, 03 Oct 2008 07:08:00 +0000</pubDate>
  3749.    <guid>https://www.typography.com/blog/ten-foot-gotham-topiary#359</guid>
  3750. </item>
  3751.                   <item>
  3752.    <title><![CDATA[Now Hiring]]></title>
  3753.    <link>https://www.typography.com/blog/now-hiring</link>
  3754.    <description>
  3755.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/jobs-graphicdesigner.png">
  3756.  
  3757. <p><span class="small-caps">There are those designers</span> in the world whose idea of design begins and ends with typography. I&rsquo;m obviously one of them: before founding H&amp;Co, my graphic design portfolio included book covers with carefully worked lettering atop &ldquo;illustration TK,&rdquo; and editorial design in which main features were ignored in favor of type-rich pages like the table of contents, where I really got to flex my muscles.</p>
  3758.  
  3759. <p><span class="strikethrough">If this sounds familiar, and you&rsquo;re a graphic designer in the New York area seeking full-time employment, take a look at our <a href="https://www.typography.com/../about/careers.php" target="_blank">careers</a> page: we&rsquo;re looking for a very special typomaniac <em>graphic designer</em> to join us.</span> <strong class="alert">Position filled!</strong>&mdash;JH</p>]]>
  3760.    </description>
  3761.    <pubDate>Thu, 25 Sep 2008 07:19:00 +0000</pubDate>
  3762.    <guid>https://www.typography.com/blog/now-hiring#358</guid>
  3763. </item>
  3764.                   <item>
  3765.    <title><![CDATA[Never Looked Better]]></title>
  3766.    <link>https://www.typography.com/blog/never-looked-better</link>
  3767.    <description>
  3768.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wired-gothamrounded-collage_500.jpg">
  3769.  
  3770. <p><span class="small-caps">In the year and change</span> since we released the <a href="https://www.typography.com/fonts/gotham-rounded/overview/" target="_blank">Gotham Rounded</a> family, I&rsquo;ve noticed an unusual paradox at play. Some designers choose the fonts because of their high-tech associations, and can coax out of them an &ldquo;engineered&rdquo; quality that evokes the engraved markings on keyboards and camera lenses (both prime ingredients in Gotham Rounded&rsquo;s design.) Others choose the fonts because they&rsquo;re friendly, and use them to achieve a playful tone that&rsquo;s somewhere between a kids&rsquo; science book and a Japanese synthpop single. But every once in a while, someone chooses the fonts for <em>both</em> reasons, finding a way to reconcile these seemingly contrary intentions in a single piece of design. Scott Dadich, the Creative Director of <em>Wired,</em> has a knack for making type do two things at once, but only when he&rsquo;s not making it do twelve things at once. (He&rsquo;s one of those publication designers who makes me glad I stuck with type design.) Together with his dream team, designers Wyatt Mitchell, Margaret Swart, and Christy Sheppard, Scott introduces in the September issue of <em>Wired</em> a redesign that features Gotham Rounded, in what I think is an incredibly smart application.</p>
  3771.  
  3772. <p>The magazine&rsquo;s <em>Play</em> section, once home to gadgets and new technology, now exhibits more of the broadly philosophical thinking that distinguishes the very intriguing <em>Wired</em> of the 21st century. The addition of Gotham Rounded is just part of a design strategy designed to give the section a more distinct voice and a clearer point of view: another smart device is the yellow &ldquo;progress bar&rdquo; that tracks the movement of the section, and makes for some marvelous visual serendipity when it intersects both type and image. But positively brilliant are the dominating initials that form a sort of periodic table of themes: a general topic is abstracted from each article, which is represented by a two-letter abbreviation, which signals the nature of the writing to follow. It&rsquo;s a very clever way of reinforcing the magazine&rsquo;s editorial range &mdash; and reminding readers that <em>Wired</em> is not about things but about ideas &mdash; and it excitingly builds anticipation for next month&rsquo;s issue: will it cover these same topics? New ones? It&rsquo;s one of the most striking and original solutions I&rsquo;ve ever seen for building a genuine section-within-a-section, a daunting challenge for any magazine. <em>Wired</em> achieves it with spectacular success. &mdash;JH</p>]]>
  3773.    </description>
  3774.    <pubDate>Tue, 19 Aug 2008 06:36:00 +0000</pubDate>
  3775.    <guid>https://www.typography.com/blog/never-looked-better#357</guid>
  3776. </item>
  3777.                   <item>
  3778.    <title><![CDATA[Obnoxious Character Recognition]]></title>
  3779.    <link>https://www.typography.com/blog/obnoxious-character-recognition</link>
  3780.    <description>
  3781.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/captcha_500.png">
  3782.  
  3783. <p><span class="small-caps">At the heart of the game of cat-and-mouse</span> played by bloggers and spammers is <a href="http://en.wikipedia.org/wiki/Captcha" target="_blank">Captcha</a>, purveyor of those staticky demands to <em>enter the code exactly as shown above.</em> Captcha is premised on the idea that brains are still better than machines at reading text, and that by forcing visitors to decipher a distorted piece of typography, the system can successfully distinguish between humans and robots. Of course, ongoing advancements in <a href="http://en.wikipedia.org/wiki/Optical_character_recognition" target="_blank">OCR</a> technology have sparked a proportionate response in the impenetrability of Captcha, provoking an arms race whose chief casualty is the quality of life online. Next time you&rsquo;re submitting to some real-world indignity &mdash; say, stripping down to your underwear at an airport security screening &mdash; try to look forward to the geniality of the virtual world, in which your own computer, from the comfort of your own home, will upbraid you for mistyping <em>B89gqlIIl.</em> And this after it went to all the trouble of obscuring the type using a three-dimensional distortion matrix, edge softening, gaussian interference, random occlusion, and your least favorite font. <em>Puny human.</em></p>
  3784.  
  3785. <p>But happily &mdash; brilliantly! &mdash; Captcha&rsquo;s inventor, Luis von Ahn, has inverted his own technology in the service of something grand. Von Ahn&rsquo;s latest project, <em>reCaptcha,</em> replaces Captcha&rsquo;s random gobbledygook with actual snippets of digitized books that computers have so far been unable to decipher. ReCaptcha uses each individual human intervention to improve the quality of digital literacy, a welcome relief for readers of this 1861 text that mentions <a href="http://books.google.com/books?id=3C9_ZGzx6ooC&amp;pg=PA59&amp;dq=%22modem+art%22+date:1400-1899&amp;lr=&amp;as_brr=0&amp;ei=KO-kSM_fC5X4iQGd78n6BA#PPA26,M1" target="_blank">modems</a> (&ldquo;modem art&rdquo; is a common flub.) National Public Radio has the full story in this <a href="http://www.npr.org/templates/story/story.php?storyId=10936942" target="_blank">four-minute interview</a> with the inventor himself. &mdash;JH</p>]]>
  3786.    </description>
  3787.    <pubDate>Thu, 14 Aug 2008 17:01:00 +0000</pubDate>
  3788.    <guid>https://www.typography.com/blog/obnoxious-character-recognition#356</guid>
  3789. </item>
  3790.                   <item>
  3791.    <title><![CDATA[A Secret Universe in Your Desk Drawer]]></title>
  3792.    <link>https://www.typography.com/blog/a-secret-universe-in-your-desk-drawer</link>
  3793.    <description>
  3794.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-pencil-lettering_500.png">
  3795.  
  3796. <p><span class="small-caps">My weapon of choice</span> is a Pilot Precise rollerball, but I keep a <em>General&rsquo;s Sketching Pencil</em> below my monitor. I don&rsquo;t write with it: it&rsquo;s not sharpened; it&rsquo;s there because I admire its typography, which in less than four inches goes from italic small capitals to a cheery script, to a pair of unrelated sans serifs in two different sizes. It is eclecticism incarnate, and it&rsquo;s got a lot of heart.</p>
  3797.  
  3798. <p>Once you start to notice their markings, pencils draw you into a beguiling world of exotic lettering. With color unavailable to their designers &mdash; absurdly, the color of a pencil either definitely indicates the color of its lead, or is completely arbitrary &mdash; pencils have historically expressed their identities through playful typography. The range of information they need to convey (manufacturer, product name, grading and classification, place of origin) calls for a self-contained system of semantic distinctions, and the unforgiving process by which tiny letters must be hot stamped into soft pine demands durable letterforms of considerable ingenuity. These conditions recall the challenges of designing <a href="https://www.typography.com/fonts/mercury-text/overview/" target="_blank">newspaper text faces</a>, which must first and foremost be legible. But where expressiveness trumps clarity, things get interesting.</p>
  3799.  
  3800. <p>Bob Truby&rsquo;s <a href="http://www.brandnamepencils.com/" target="_blank">Brand Name Pencils</a> offers an inviting tour of his collection, complete with closeups of each and every specimen. The brief sampling above already reveals more kinds of script, blackletter and tuscan than can even be categorized, and these are among the collection&rsquo;s more conservative members. Check out the <a href="http://www.brandnamepencils.com/types/WWII-era.shtml" target="_blank">Dixon Aerial 2280 No. 2</a>, whose logotype might be classified as &ldquo;open Lombardic capitals with terminal lightning bolts.&rdquo; Definitely not a species you see every day. &mdash;JH</p>]]>
  3801.    </description>
  3802.    <pubDate>Thu, 07 Aug 2008 09:18:00 +0000</pubDate>
  3803.    <guid>https://www.typography.com/blog/a-secret-universe-in-your-desk-drawer#355</guid>
  3804. </item>
  3805.                   <item>
  3806.    <title><![CDATA[In Situ]]></title>
  3807.    <link>https://www.typography.com/blog/in-situ</link>
  3808.    <description>
  3809.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/janno-hahn_500.jpg">
  3810.  
  3811. <p><span class="small-caps">A beautiful installation</span> by <a href="http://www.jannohahn.nl/" target="_blank">Janno Hahn</a>, for <a href="http://www.atelierreneknip.nl/" target="_blank">Rene Knip</a>. &mdash;JH</p>]]>
  3812.    </description>
  3813.    <pubDate>Wed, 06 Aug 2008 07:08:00 +0000</pubDate>
  3814.    <guid>https://www.typography.com/blog/in-situ#354</guid>
  3815. </item>
  3816.                   <item>
  3817.    <title><![CDATA[Data Visualization of the Day]]></title>
  3818.    <link>https://www.typography.com/blog/data-visualization-of-the-day</link>
  3819.    <description>
  3820.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/moviechart_500.jpg">
  3821.  
  3822. <p><span class="small-caps"><a href="http://www.kottke.org/08/08/2008-movie-box-office-chart" target="_blank">Jason Kottke</a> turned me on to this fantastic</span> <a href="http://xach.com/moviecharts/2008.html" target="_blank">data visualization</a> by Zach Beane, showing this year&rsquo;s box office gross for American movies. Like this related graphic at <em><a href="http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html" target="_blank">The New York Times</a>,</em> it uses the <em>x</em>-axis for time and the height of each node to indicate revenue, but presents the data in a way that allows readers to infer four additional kinds of information &mdash; without having to complicate the graphic:</p>
  3823.  
  3824. <p>The <strong>position</strong> on the <em>y</em>-axis represents each film&rsquo;s rank, revealing the importance of a strong opening weekend (but begging the question of how <em>The Bucket List,</em> which opened in 23rd place, became the #1 movie in America the following week; something to do with New Year&rsquo;s Day?) The <strong>slope</strong> of each line conveys the distinction between films with a slow burn (<em>Juno</em>) and those that flamed out (<em>Cloverfield.</em>) Beane makes a rare and non-gratuitous use of <strong>color</strong> to distinguish individual data lines, where the occasional dissonance identifies films with box office longevity: the thread of mint green running through the purple of early May highlights the inexplicable endurance of <em>Horton Hears a Who.</em> And the <strong>height</strong> of the <em>y</em>-axis overall charts seasonal trends in the industry at large, confirming that July is considerably more important than April.</p>
  3825.  
  3826. <p>Finally, I appreciate the way Beane used rollovers to reveal the names of the films themselves. A lesser designer would have given this information primacy, but Beane recognized that the titles, while crucial, are not the story themselves. Isn&rsquo;t it nice when a bold decision is demonstrably the right one? &mdash;JH</p>]]>
  3827.    </description>
  3828.    <pubDate>Fri, 01 Aug 2008 11:15:00 +0000</pubDate>
  3829.    <guid>https://www.typography.com/blog/data-visualization-of-the-day#353</guid>
  3830. </item>
  3831.                   <item>
  3832.    <title><![CDATA[Type Night at Delta House!]]></title>
  3833.    <link>https://www.typography.com/blog/type-night-at-delta-house</link>
  3834.    <description>
  3835.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/kernlager.jpg">
  3836.  
  3837. <p><span class="small-caps">Describing the sand casting method&nbsp;</span>for making type, <a href="http://typography.com/blog/curved-pointy-and-nervous-looking-types">Rob Roy Kelly</a> quotes eighteenth century printer Christian Friedrich Gessner thus:</p>
  3838.  
  3839. <p>&ldquo;The ingredients of casting sand are fine sand, to which is added calcinated baking-oven glue, the redder the glue the better. This mixture is finely pulverized and passed through a mesh sieve. Thereupon the mixture is placed upon a level board. The center is hollowed out and <strong>good beer</strong> is poured into the cavity &mdash; much or little according to the sand used. This is well stirred with a wooden spatula.&rdquo;</p>
  3840.  
  3841. <p>Both H&amp;Co&rsquo;s recycling bin and our expense reports are testament to the importance of &ldquo;good beer&rdquo; in the type design process, but to have this connection documented in the literature? The potential tax write-offs are positively off the chart. &mdash;JH</p>]]>
  3842.    </description>
  3843.    <pubDate>Thu, 31 Jul 2008 10:20:00 +0000</pubDate>
  3844.    <guid>https://www.typography.com/blog/type-night-at-delta-house#352</guid>
  3845. </item>
  3846.                   <item>
  3847.    <title><![CDATA[Objectified: A New Film by Gary Hustwit]]></title>
  3848.    <link>https://www.typography.com/blog/objectified-a-new-film-by-gary-hustwit</link>
  3849.    <description>
  3850.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/dieter_500.jpg">
  3851.  
  3852. <p><span class="small-caps">Ever since director Gary Hustwit</span> invited me to appear in his film <em><a href="http://www.helveticafilm.com/" target="blank">Helvetica</a>,</em> life has changed for me in two ways. First, I get recognized on the street from time to time (always with the implied <em>aren&rsquo;t you that type dork</em>) &mdash; but second, and more rewardingly, I periodically find myself sitting on a panel with the director. It was at just such an event last autumn that Gary mentioned his new project, a documentary about industrial design. It shouldn&rsquo;t have come as a surprise: earlier in the evening, our conversation had touched upon a mutual appreciation of the IWC Portuguese wristwatch and the Porsche 356 Speedster. But I was thrilled and delighted nonetheless, and have been looking forward to the project ever since. The film is <em><a href="http://www.objectifiedfilm.com/" target="blank">Objectified</a>,</em> its website is up, and I am counting down the days until its 2009 premiere.</p>
  3853.  
  3854. <p>I&rsquo;ve always loved industrial design, but I don&rsquo;t think I&rsquo;d measured the depth of my affection until I took a spin through the movie&rsquo;s <a href="http://www.objectifiedfilm.com/category/production-stills/" target="_blank">production stills</a>. I knew I could look forward to hearing more from <a href="http://www.marc-newson.com/" target="_blank">Marc Newson</a> and Apple&rsquo;s <a href="http://www.jonathanive.com/" target="_blank">Jonathan Ive</a>, but I hadn&rsquo;t anticipated so many other wonderful participants: <a href="http://www.jongeriuslab.com/" target="_blank">Hella Jongerius</a> is featured, whose work I&rsquo;ve always found brilliant, witty and uplifting, and I&rsquo;m especially looking forward to the segment featuring <a href="http://www.designboom.com/eng/interview/rams.html" target="_blank">Dieter Rams</a>, chief of design at Braun from 1961 to 1995. Beyond being one of the most <a href="http://www.spiekermann.com/mten/2007/08/braun_apple.html" target="_blank">influential designers</a> in the history of his craft, Rams is simply a cool cat: that&rsquo;s him above, with what looks to be his <a href="http://www.vitsoe.com/" target="_blank">606 Universal Shelving System</a>, and a modular hi-fi that I <em>physically crave.</em> Look at it: it&rsquo;s smart, stylish, functional, and badass; it&rsquo;s the Steve McQueen of audio equipment. And it&rsquo;s just the beginning. &mdash;JH</p>]]>
  3855.    </description>
  3856.    <pubDate>Wed, 30 Jul 2008 09:45:00 +0000</pubDate>
  3857.    <guid>https://www.typography.com/blog/objectified-a-new-film-by-gary-hustwit#351</guid>
  3858. </item>
  3859.                   <item>
  3860.    <title><![CDATA[Heavy Metal]]></title>
  3861.    <link>https://www.typography.com/blog/heavy-metal</link>
  3862.    <description>
  3863.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/didot-gothique-mat-type_500.jpg">
  3864.  
  3865. <p><span class="small-caps">Four hundred years after Gutenberg&rsquo;s death,</span> &ldquo;metal type&rdquo; was still being made the way he made it. Using files and gravers, a steel rod was cajoled into the shape of a backwards letter; this steel &lsquo;punch&rsquo; was struck into a brass blank, called a &lsquo;matrix,&rsquo; which would serve as a mold for the casting of individual pieces of lead type. (The term &lsquo;lead type&rsquo; is a convenience: the material of printing type is more accurately called &lsquo;type metal,&rsquo; as it contains a special typefounders&rsquo; blend of lead, tin, and antimony.)</p>
  3866.  
  3867. <p>This elaborate <em>pas de cinque</em> requires five different materials, each chosen for a different metallurgical property. Steel&rsquo;s tensile strength helps it hold small details and resist the blow of the hammer; the malleability of brass makes it a good candidate for receiving the steel; lead, cheap and abundant, has a low melting point; tin is more fluid than lead when molten (yet more durable than lead when it hardens); and antimony is highly crystalline, giving printing types more crisply defined edges.</p>
  3868.  
  3869. <p>The few typefaces that have departed from this process have done so for very good reason. Common were large typefaces that would have been impractical to cut in steel (and impossible to strike into brass) which were instead made as wood forms, which were pressed into sand molds from which metal type was cast. But a lingering mystery are the <em>Chalcographia</em> in the collection of the Ensched&eacute; foundry in Haarlem, said to have been made with &lsquo;brass punches.&rsquo; James Mosley corrects the record on his <a href="http://typefoundry.blogspot.com/2008/07/cast-brass-matrices-made-for-pierre.html" target="_blank">Typefoundry</a> blog, explaining the types&rsquo; unusual gestation through a convoluted <em>five</em>-part process. The photographs, like the types themselves, are marvelous. &mdash;JH</p>]]>
  3870.    </description>
  3871.    <pubDate>Tue, 29 Jul 2008 09:51:00 +0000</pubDate>
  3872.    <guid>https://www.typography.com/blog/heavy-metal#350</guid>
  3873. </item>
  3874.                   <item>
  3875.    <title><![CDATA[A Word For That]]></title>
  3876.    <link>https://www.typography.com/blog/a-word-for-that</link>
  3877.    <description>
  3878.        <![CDATA[<p><span class="small-caps">Is that the sound</span> of a designer waiting for Adobe Updater to complete? No, just a brief response to a question on <a href="http://www.docspopuli.org/articles/CartoonCursing.html" target="_blank">Docs Populi</a>, via <a href="http://coudal.com/archives/2008/07/_that_cartoon_c.php
  3879. " target="_blank">Coudal Partners</a>:</p>
  3880.  
  3881. <blockquote class="excerpt">
  3882. <p>&ldquo;What does one call the use of random non-alphabet characters to indicate cursing? It&rsquo;s a universally understood device, and is applied in both graphic and textual settings. It is such a commonly accepted staple that I assumed it must already be defined and described &mdash; but apparently it&rsquo;s not.&rdquo;</p>
  3883. </blockquote>
  3884.  
  3885. <p>But it is! The term is <strong>grawlix</strong>, and it looks to have been coined by Beetle Bailey cartoonist Mort Walker around 1964. Though it&rsquo;s yet to gain admission to the Oxford English Dictionary, Editor at Large Jesse Sheidlower describes it as &ldquo;undeniably useful, certainly a word, and one that I&rsquo;d love to see used more.&rdquo; As the author of the grawlixy compendium <em><a href="http://www.amazon.com/exec/obidos/ASIN/0571197302/typographycom-20" target="_blank">The F-Word</a>,</em> Sheidlower&rsquo;s perspective is unique &mdash; and unassailable, if you&rsquo;re wise, since he and his cronies have the power to immortalize naysayers as expletives themselves. (Don&rsquo;t laugh: such was the fate of philistine <a href="http://www.merriam-webster.com/dictionary/bowdlerize" target="_blank">Thomas Bowdler</a>, miser <a href="http://www.merriam-webster.com/dictionary/boycott" target="_blank">Charles Boycott</a>, and jingoist <a href="http://www.merriam-webster.com/dictionary/chauvinism" target="_blank">Nicolas Chauvin</a>, to say nothing of famous typeface designer <a href="https://www.typography.com/blog/a-word-for-that">James W. Scumbag</a>.)</p>
  3886.  
  3887. <p>Until its OED entry is solemnized, we&rsquo;ll have to settle for this definition on <a href="http://en.wiktionary.org/wiki/grawlix" target="_blank">Wiktionary</a>: &ldquo;<strong>grawlix</strong>, <em>n.</em> A string of typographical symbols used (especially in comic strips) to represent an obscenity or swear word.&rdquo; I don&rsquo;t think I&rsquo;ll ever look at a character set quite the same way again. &mdash;JH</p>]]>
  3888.    </description>
  3889.    <pubDate>Wed, 16 Jul 2008 08:06:00 +0000</pubDate>
  3890.    <guid>https://www.typography.com/blog/a-word-for-that#349</guid>
  3891. </item>
  3892.                   <item>
  3893.    <title><![CDATA[Four Shortage Strikes Nation]]></title>
  3894.    <link>https://www.typography.com/blog/four-shortage-strikes-nation</link>
  3895.    <description>
  3896.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nyt_4shortage.jpg">
  3897.  
  3898. <p><em><span class="small-caps"><a href="http://www.nytimes.com/2008/07/15/nyregion/15four.html?adxnnl=1&amp;adxnnlx=1216134102-jULpKDNZ/UQsdUXiBK8m8A" target="_blank">The New York Times</a></span></em> reports on crippling shortfalls in the nation&rsquo;s strategic four reserve:</p>
  3899.  
  3900. <p>&lsquo;With regular gas in New York City at a near-record $4.40 a gallon, station managers are rummaging through their storage closets in search of extra <strong class="alternate">4</strong>s to display on their pumps. Many are coming up short&hellip; &ldquo;Typically, we have a lot of <strong class="alternate">9</strong>s and <strong class="alternate">1</strong>s, and we had a shortage of <strong class="alternate">3</strong>s before we got a lot of <strong class="alternate">3</strong>s in,&rdquo; Mr. Nair said.&rsquo;</p>
  3901.  
  3902. <p>Welcome to the world of frequency distribution. The popularity of different letters is familiar to anyone who&rsquo;s ever watched <em>Wheel of Fortune,</em> as well as anyone who&rsquo;s ever seen a Linotype keyboard (where the confounding <span class="small-caps">qwerty</span> is replaced by the ranked-by-popularity <span class="small-caps"><a href="http://en.wikipedia.org/wiki/ETAOIN_SHRDLU" target="_blank">etaoin shrdlu</a></span>.) But numbers, counterinituitively, have their own frequencies as well: a simple example of this is to write out the numbers from one to twenty, and notice that while most digits are used twice, the two appears thrice, and the one appears twelve times.</p>
  3903.  
  3904. <p>Different applications have their own unique frequency fingerprints. North American area codes traditionally favor zeroes and ones, retail prices favor fours and nines ($49.99); Golan Levin and Jonathan Feinberg explored the topic beautifully in their Java applet <a href="http://www.turbulence.org/Works/nums/" target="_blank">The Secret Lives of Numbers</a>. There&rsquo;s also a lot of occult numerology in the background of our <a href="https://www.typography.com/fonts/numbers/overview/" target="_blank">Numbers</a> collection, in which everything from <a href="https://www.typography.com/fonts/numbers/inside/revenue/" target="_blank">cash register receipts</a> to <a href="https://www.typography.com/fonts/numbers/inside/trafalgar/" target="_blank">monuments</a> reveals something about the culture of numbers. Of course, <a href="https://www.typography.com/fonts/numbers/inside/premium/" target="_blank">gas pumps</a> are in there too, fours and all. And fives. And sixes&hellip; &mdash;JH</p>]]>
  3905.    </description>
  3906.    <pubDate>Tue, 15 Jul 2008 09:01:00 +0000</pubDate>
  3907.    <guid>https://www.typography.com/blog/four-shortage-strikes-nation#348</guid>
  3908. </item>
  3909.                   <item>
  3910.    <title><![CDATA[Spotting the Long-Necked Kern]]></title>
  3911.    <link>https://www.typography.com/blog/spotting-the-long-necked-kern</link>
  3912.    <description>
  3913.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/arabic-shaded-no-50_500.jpg">
  3914.  
  3915. <p><span class="small-caps">This publicity photo,</span> from the Berthold foundry&rsquo;s <em>Specimen No. 525B</em> (late 1950s?) shows the foundry type for Arabic Shaded No. 50. In addition to demonstrating the maker&rsquo;s facility with both non-Latin scripts and elaborate ornamentation (this is an outline face with a drop shadow, produced at 30pt), this diagram shows an interesting technique for kerning Arabic&rsquo;s many delicate features.</p>
  3916.  
  3917. <p>A <em>kern,</em> in the literal sense, is any part of a character that extends beyond the body. The more delicate a kern, the more likely it is to break off during use, and Arabic is among the world&rsquo;s most sinewy scripts. To compensate, this typeface was cast with an especially long <em>neck</em> &mdash; the distance from the top-most printing surface (the <em>face</em>) to the non-printing surface below (the <em>shoulder</em>) &mdash; so that kerns would be stronger, and more fully supported by adjacent characters. A clever, simple solution.</p>
  3918.  
  3919. <p>Pop quiz: Arabic reads from right to left, and printing type is always reversed. Which end is the start of the line? If you&rsquo;re disoriented, imagine the sixteenth century French and Flemish typefounders who produced some of the world&rsquo;s finest Arabic typefaces, three hundred years before the invention of the mass-produced silvered-glass mirror. &mdash;JH</p>]]>
  3920.    </description>
  3921.    <pubDate>Mon, 14 Jul 2008 08:09:00 +0000</pubDate>
  3922.    <guid>https://www.typography.com/blog/spotting-the-long-necked-kern#347</guid>
  3923. </item>
  3924.                   <item>
  3925.    <title><![CDATA[The OED in Limerick Form]]></title>
  3926.    <link>https://www.typography.com/blog/the-oxford-english-dictionary-in-limerick-form</link>
  3927.    <description>
  3928.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/oedilf_2021.svg">
  3929.  
  3930. <p><span class="small-caps">Nineteen years of designing typefaces</span> has amply proven H&amp;Co&rsquo;s Third Law, which states that for every act of exhaustive research, there is an equal and opposite act of total silliness. This principle extends from typography into other disciplines as well: behold &mdash; no kidding &mdash; the <a href="http://www.oedilf.com/" target="_blank">Omnificent English Dictionary in Limerick Form</a>.</p>
  3931.  
  3932. <p>Precisely the kind of project that the internet was made for, the OEDILF{footnote_1} has brought together contributors from around the globe for the purpose of rendering every entry in the OED into <em>a-a-b-b-a</em> form. The fascicle <em>A-Cr</em> is well underway, with <s>45,297</s> 109,743 entries so far, making this a site you don&rsquo;t want to stumble upon when you&rsquo;re up against a deadline.</p>
  3933.  
  3934. <p>As if the premise wasn&rsquo;t mad enough, many contributors have taken a shine to words that offer a chance to demonstrate their meaning within the construction of the limerick itself. Above is <a href="http://www.oedilf.com/db/Lim.php?VerseId=796" target="_blank">abecedarius</a>, a literary work in which lines begin with successive letters of the alphabet, by author Jo. Here&rsquo;s <a href="http://www.oedilf.com/db/Lim.php?VerseId=29031" target="_blank">acrostic</a>, by Holger Martin:</p>
  3935.  
  3936. <blockquote class="excerpt">
  3937. <p>At the tip (<em>acro-,</em> Greek) in each line:<br />
  3938. Crossing words as in Scrabble design.<br />
  3939. Reading columns&rsquo; extension<br />
  3940. O, second dimension!<br />
  3941. STIC means &ldquo;line,&rdquo; so this fits rather fine.</p>
  3942. </blockquote>
  3943.  
  3944. <p>Those with a taste for wordplay might know the mind-bending <a href="http://www.oedilf.com/db/Lim.php?VerseId=101994" target="_blank">autogram</a>, a self-referential paragraph which describes an inventory of its own contents. Chris Doyle offers this autogrammatical limerick, one of <s><em>four</em></s> <a href="http://www.oedilf.com/db/Lim.php?Word=autogram"><em>five</em></a><em> </em>autograms contributed so far:</p>
  3945.  
  3946. <blockquote class="excerpt">
  3947. <p>My autogram has seven T&rsquo;s;<br />
  3948. Five A&rsquo;s; three U&rsquo;s, W&rsquo;s, V&rsquo;s,<br />
  3949. M&rsquo;s, F&rsquo;s, I&rsquo;s, Y&rsquo;s, and G&rsquo;s;<br />
  3950. Twenty S&rsquo;s; eight E&rsquo;s;<br />
  3951. Four H&rsquo;s, N&rsquo;s, O&rsquo;s, R&rsquo;s; two D&rsquo;s.</p>
  3952. </blockquote>
  3953.  
  3954. <p><a href="http://www.oedilf.com/db/Lim.php?VerseId=256655" target="_blank">Collinear</a>, which means the positioning of many items along the same line, naturally calls for a one-line limerick. OEDILF&nbsp;Editor-in-Chief Chris J. Strolin contributed the following:</p>
  3955.  
  3956. <blockquote class="excerpt">
  3957. <p>Asked speller Iago LaMar, / &ldquo;A&#8239;&middot;&#8239;r&#8239;&middot;&#8239;e&#8239;&middot;&#8239;Y&#8239;&middot;&#8239;o&#8239;&middot;&#8239;u&#8239;&middot;&#8239;F&#8239;&middot;&#8239;o&#8239;&middot;&#8239;r / W&#8239;&middot;&#8239;h&#8239;&middot;&#8239;a&#8239;&middot;&#8239;t&#8239;&middot;&#8239;I / M&#8239;&middot;&#8239;e&#8239;&middot;&#8239;a&#8239;&middot;&#8239;n&#8239;&middot;&#8239;B&#8239;&middot;&#8239;y / C&#8239;&middot;&#8239;o&#8239;&middot;&#8239;l&#8239;&middot;&#8239;l&#8239;&middot;&#8239;i&#8239;&middot;&#8239;n&#8239;&middot;&#8239;e&#8239;&middot;&#8239;a&#8239;&middot;&#8239;r?&rdquo;</p>
  3958. </blockquote>
  3959.  
  3960. <p>Strolin continues with <a href="http://www.oedilf.com/db/Lim.php?VerseId=212439" target="_blank">ampersand</a>, leaving it to readers to imagine what was so scandalous about Brandon and Mandy&rsquo;s handstand:</p>
  3961.  
  3962. <blockquote class="excerpt">
  3963. <p>H&amp; in h&amp; on the C&amp;yl&amp; b&amp;st&amp;,<br />
  3964. D&amp;y Br&amp;on &amp; M&amp;y R&amp; gr&amp;st&amp;.<br />
  3965. W&amp;a&rsquo;s husb&amp;, a b&amp;it,<br />
  3966. Is c&amp;id: &ldquo;Unh&amp; it!<br />
  3967. Ab&amp;on your sc&amp;alous h&amp;st&amp;!&rdquo;</p>
  3968. </blockquote>
  3969.  
  3970. <p>In conclusion, from author Judah:</p>
  3971.  
  3972. <blockquote class="excerpt">
  3973. <p>That which suddenly comes to an end,<br />
  3974. Like a greeting too brief from a friend,<br />
  3975. Or flat ground, at steep rises &mdash;<br />
  3976. An end by surprise is<br />
  3977. <a href="http://www.oedilf.com/db/Lim.php?VerseId=5481" target="_blank">Abrupt</a></p>
  3978. </blockquote>
  3979.  
  3980. <p>&mdash;JH</p>]]>
  3981.    </description>
  3982.    <pubDate>Thu, 10 Jul 2008 10:40:00 +0000</pubDate>
  3983.    <guid>https://www.typography.com/blog/the-oxford-english-dictionary-in-limerick-form#346</guid>
  3984. </item>
  3985.                   <item>
  3986.    <title><![CDATA[Learn Typeface Design with H&Co’s Sara Soskolne]]></title>
  3987.    <link>https://www.typography.com/blog/learn-typeface-design-with-sara-soskolne-hco</link>
  3988.    <description>
  3989.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typeschool-2_500_1.jpg">
  3990.  
  3991. <p><span class="small-caps">Hands-on instruction in typeface design</span> is notoriously hard to come by. Those interested in learning the craft have either to content themselves with a one-hour workshop at a professional conference, or commit themselves to a year of graduate school abroad. But this month, the Book Arts Center at Wells College Summer Institute is hosting a <a href="http://www.wells.edu/bkarts/courses_2008.htm#session_three" target="_blank">one-week class in typeface design</a> with <a href="https://www.typography.com/about/biographies.php#soskolne" target="_blank">Sara Soskolne</a>, Senior Typeface Designer at H&amp;Co. The class is limited to ten students, promising a rare chance to work with a professional type designer one-on-one.</p>
  3992.  
  3993. <p>The facilities boast large classrooms dedicated to lettering arts and digital imaging (all blissfully air-conditioned), and those with broader interests in the book arts will find two binderies, two press rooms, and seven Vandercook proofing presses. Those with broader interests still will find Wells College handsomely placed on New York&rsquo;s <a href="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=wells+college,+ny&amp;sll=42.91887,-76.72702&amp;sspn=1.209821,0.98877&amp;ie=UTF8&amp;ll=42.741686,-76.703711&amp;spn=0.017461,0.019162&amp;t=h&amp;z=16" target="_blank">Lake Cayuga</a>, suggesting post-typographic swimming and birdwatching, magnificent sunsets, and fireflies by the kilowatt. Bring your &ldquo;Co-Ed Naked Intramural Kerning&rdquo; t-shirt.</p>
  3994.  
  3995. <p>Registration is now open: contact <a href="http://www.wells.edu/bkarts/institute.htm" target="_blank">Nancy Gil</a>, Summer Institute Director. And soon! &mdash;JH</p>]]>
  3996.    </description>
  3997.    <pubDate>Mon, 07 Jul 2008 10:15:00 +0000</pubDate>
  3998.    <guid>https://www.typography.com/blog/learn-typeface-design-with-sara-soskolne-hco#345</guid>
  3999. </item>
  4000.                   <item>
  4001.    <title><![CDATA[Type in Three Dimensions]]></title>
  4002.    <link>https://www.typography.com/blog/type-in-three-dimensions</link>
  4003.    <description>
  4004.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/type-form.jpg">
  4005.  
  4006. <p><span class="small-caps">Taking a break from my top secret</span> Independence Day project that combines typography and patriotism (more about this <a href="http://www.typography.com/blog/for-america">later</a>), I came across something marvelous that I had to share.</p>
  4007.  
  4008. <p>The August 2008 issue of <em>Print</em> has this arresting image on the cover. I recognized that the typography grew out of our <a href="https://www.typography.com/fonts/gotham-rounded/overview/">Gotham Rounded</a> font, which is the magazine&rsquo;s signature typeface, and had assumed that this treatment was a clever and curious bit of digital rendering on someone&rsquo;s part. It is and it isn&rsquo;t: designer Karsten Schmidt used software of his own devising to give Gotham Rounded&rsquo;s polished letterforms these intriguingly organic roots (using a branch of mathematical modeling called <a href="http://en.wikipedia.org/wiki/Reaction-diffusion_equation" target="_blank">reaction diffusion</a>) but then fed these digital inputs into a <a href="http://www.zcorp.com/Products/3D-Printers/138/spage.aspx" target="_blank">3-D &ldquo;printer&rdquo;</a> in order to produce a physical object.</p>
  4009.  
  4010. <p>I&rsquo;m fascinated by 3-D printers (read: <em>want one.</em>) They&rsquo;re essentially inkjet printers, but instead of rendering an image using a grid of ink splatters on a page, they produce successive cross-sections of an object by strategically injecting liquid binder into a polymer powder. Taken together, these high-resolution cross-sections form a dimensional object, like the one Schmidt produced here. <em>Print</em> is running an article describing the <a href="http://www.printmag.com/design_articles/building_the_cover/tabid/388/Default.aspx
  4011. " target="_blank">making of the cover</a>, and its designer has detailed the entire process, step-by-step, in this illuminating <a href="http://www.flickr.com/photos/toxi/sets/72157604724789091/" target="_blank">Flickr set</a>. Check it out! &mdash;JH</p>]]>
  4012.    </description>
  4013.    <pubDate>Fri, 04 Jul 2008 15:41:00 +0000</pubDate>
  4014.    <guid>https://www.typography.com/blog/type-in-three-dimensions#344</guid>
  4015. </item>
  4016.                   <item>
  4017.    <title><![CDATA[The Smallest Letter in the World]]></title>
  4018.    <link>https://www.typography.com/blog/the-smallest-letter-in-the-world</link>
  4019.    <description>
  4020.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fry-1785-diamond_500.jpg">
  4021.  
  4022. <p><span class="small-caps">A nice surprise:</span> inside a folder of oversize type proofs, I found a stowaway: <em>A Specimen of Printing Types by Joseph Fry and Sons, Letter-Founders, 1785.</em> Like many contemporary type specimens, it separates dinner from dessert: on the front are romans and italics, in sizes from Long Primer (10pt) to Four Lines Pica (48pt), and on the back are all the specialty types. The latter category includes types for Arabic, Persian, Hebrew, Greek, and Samaritan, a collection of ornaments and coats of arms, a blackletter in nine sizes, and the above, a roman cut in the Diamond size (4pt) and identified as &ldquo;The Smallest Letter in the WORLD.&rdquo; It looks pretty good for a 223-year-old! &mdash;JH</p>]]>
  4023.    </description>
  4024.    <pubDate>Thu, 26 Jun 2008 12:50:00 +0000</pubDate>
  4025.    <guid>https://www.typography.com/blog/the-smallest-letter-in-the-world#343</guid>
  4026. </item>
  4027.                   <item>
  4028.    <title><![CDATA[The Living Glagolitic]]></title>
  4029.    <link>https://www.typography.com/blog/the-living-glagolitic</link>
  4030.    <description>
  4031.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/djurek-glagolitic.png">
  4032.  
  4033. <p><span class="small-caps">Last month&rsquo;s post</span> about <a href="https://www.typography.com/blog/happy-typographic-holidays" target="_blank">Cyrillic and Glagolitic Alphabet Day</a> prompted some great responses from our Croatian colleagues, where the Glagolitic alphabet, a national treasure, lives on. Vjeran Andra&scaron;i&#263; wrote from the island of <a href="https://www.typography.com/blog/invasion-of-the-glagolites" target="_blank">Krk</a>, home to some of Croatia&rsquo;s most significant Glagolitic inscriptions, and this morning I learned of this marvelous Glagolitic font, made by designer <a href="http://www.typonine.com/t9site/typonine/Glagolitic.html" target="_blank">Nikola Djurek</a> during his time at the <a href="http://www.kabk.nl/English/masters/-/nl" target="_blank">Type &amp; Media</a> program at KABK in Den Haag.</p>
  4034.  
  4035. <p>Many of the world&rsquo;s less common alphabets have been rendered digitally by enthusiastic philologists, but it&rsquo;s refreshing to see one that&rsquo;s been so expertly made by a trained professional. And kudos to Nikola not only for presenting his work in an intellectually substantial context, but for offering to share the font with interested scholars! &mdash;JH</p>]]>
  4036.    </description>
  4037.    <pubDate>Mon, 16 Jun 2008 10:00:00 +0000</pubDate>
  4038.    <guid>https://www.typography.com/blog/the-living-glagolitic#342</guid>
  4039. </item>
  4040.                   <item>
  4041.    <title><![CDATA[My Thoughts Exactly]]></title>
  4042.    <link>https://www.typography.com/blog/my-thoughts-exactly</link>
  4043.    <description>
  4044.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/50000-free-fonts_500.png">
  4045.  
  4046. <p><span class="small-caps">Hey where can I get that Brady Bunch font.</span> Hey where can I get that Star Wars font. Hey where can I get that Red Dwarf font. Do you have font that looks like bird feet? Do you have font that looks like cat paws? Do you have any &ldquo;futuristic&rdquo; fonts? Do you have any &ldquo;hip hop&rdquo; fonts? Do you have any &ldquo;retro&rdquo; fonts? Do you have fonts that are retro but don&rsquo;t look retro? Where are all the graffiti fonts. Where are all the funky fonts. Do you have any fonts that are totally extreme. Do you have any fonts that say &ldquo;comic book.&rdquo; Do you have any fonts that are high style art deco of the twenties? What fonts are good for computers? What fonts are good for MySpace? What fonts are good for LiveJournal? What fonts are good for Twitter? What fonts are good for nothing?</p>
  4047.  
  4048. <p>Why, it&rsquo;s those attractive, useful, well-produced, intellectually rigorous, and definitely not at all copyright-infringing <a href="http://www.somethingawful.com/fakesa/fontsite/" target="_blank">free fonts on the internet</a>, of course! &mdash;JH</p>]]>
  4049.    </description>
  4050.    <pubDate>Sat, 14 Jun 2008 00:41:00 +0000</pubDate>
  4051.    <guid>https://www.typography.com/blog/my-thoughts-exactly#341</guid>
  4052. </item>
  4053.                   <item>
  4054.    <title><![CDATA[Letterror at the Graphic Design Museum]]></title>
  4055.    <link>https://www.typography.com/blog/letterror-at-the-graphic-design-museum</link>
  4056.    <description>
  4057.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/letterror-in-breda_500.jpg">
  4058.  
  4059. <p><span class="small-caps">When we first met at the <a href="http://www.atypi.org/" target="_blank">ATypI</a> conference in 1989,</span> <a href="http://www.letterror.com/" target="_blank">Erik van Blokland, Just van Rossum</a> and I were branded the &ldquo;young turks&rdquo; of typography, presumably because we were fifteen years younger than ATypI&rsquo;s next-youngest member. Erik and Just were already notorious for their <em>Beowolf</em> project, which hacked the PostScript format in order to produce self-randomizing letterforms; this mischievous bit of culture jamming was enough to endear them to me, and to a generation of designers who have followed their work ever since.</p>
  4060.  
  4061. <p>Beowolf (and its sister font, <em>BeoSans</em>) are now an established part of typographic lore, and both rightfully received attention in the opening exhibit of the world&rsquo;s first <a href="http://www.graphicdesignmuseum.nl/" target="_blank">Graphic Design Museum</a> in Breda. The place is swimming in typography (like the Netherlands in general), but it&rsquo;s especially gratifying to see that in this new installation, visitors can experience BeoSans&rsquo; two-dimensional letterforms with the benefit of the fourth dimension as well. The addition of a timeline makes the faces&rsquo; randomness seem as natural an attribute as size, color, weight, or width, hinting at a future in which our screen-driven civilization could come to regard mutability as an integral part of the typographic experience. As always, I&rsquo;m curious to see where Erik and Just&rsquo;s original thinking will ultimately take us. &mdash;JH</p>]]>
  4062.    </description>
  4063.    <pubDate>Thu, 12 Jun 2008 09:39:00 +0000</pubDate>
  4064.    <guid>https://www.typography.com/blog/letterror-at-the-graphic-design-museum#340</guid>
  4065. </item>
  4066.                   <item>
  4067.    <title><![CDATA[Favicon Unmasked]]></title>
  4068.    <link>https://www.typography.com/blog/favicon-unmasked</link>
  4069.    <description>
  4070.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sort.jpg">
  4071.  
  4072. <p><span class="small-caps">Designer Randy Pfeil</span> wrote to ask the burning question, &ldquo;what the heck is the favicon for typography.com? All I can see is a pixelated masked-man. What&rsquo;s the story?&rdquo;</p>
  4073.  
  4074. <p>In a signature bit of H&amp;Co atavism, it&rsquo;s a <em>sort,</em> otherwise known as a piece of printing type, seen in profile. The printing surface &mdash; uncoincidentally called the &ldquo;type face&rdquo; &mdash; is at the top. Below are the &ldquo;feet,&rdquo; separated by a &ldquo;groove,&rdquo; accentuated in our tiny icon. At left is the &ldquo;nick&rdquo; that appears on the front edge of a piece of type, a detail that helps establish that type is correctly oriented in a composing stick. &mdash;JH</p>]]>
  4075.    </description>
  4076.    <pubDate>Wed, 11 Jun 2008 11:32:00 +0000</pubDate>
  4077.    <guid>https://www.typography.com/blog/favicon-unmasked#339</guid>
  4078. </item>
  4079.                   <item>
  4080.    <title><![CDATA[The World’s First Graphic Design Museum]]></title>
  4081.    <link>https://www.typography.com/blog/the-worlds-first-graphic-design-museum</link>
  4082.    <description>
  4083.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/graphic-design-museum-breda.jpg">
  4084.  
  4085. <p><span class="small-caps">On my first trip to Amsterdam in 1992,</span> I spent a couple of hours having lunch at a pleasant caf&eacute; on Willemsparkweg. I&rsquo;d come from seeing an exhibit of the year&rsquo;s best book covers, and planned to spend the rest of the afternoon exploring the city&rsquo;s many graphic design bookshops. A passing waiter, noticing my open sketchbook, idly asked me what I was designing. I took note that he&rsquo;d said &ldquo;designing&rdquo; rather than &ldquo;drawing,&rdquo; and on his return trip he surprised me further: &ldquo;are you designing a typeface?&rdquo;</p>
  4086.  
  4087. <p>A nation whose visual literacy is such that the lay public is familiar with the concept of <em>typeface design</em> is surely a designer&rsquo;s paradise. And if there were any doubt that Holland is the world&rsquo;s preeminant design capital, tomorrow will see the opening of the world&rsquo;s first <a href="http://www.graphicdesignmuseum.nl/" target="_blank">graphic design museum</a> in Breda. There&rsquo;ll be live coverage on the museum&rsquo;s website, emceed by none other than Queen Beatrix! I love the Dutch. &mdash;JH</p>]]>
  4088.    </description>
  4089.    <pubDate>Tue, 10 Jun 2008 09:04:00 +0000</pubDate>
  4090.    <guid>https://www.typography.com/blog/the-worlds-first-graphic-design-museum#338</guid>
  4091. </item>
  4092.                   <item>
  4093.    <title><![CDATA[What’s in a Font Name]]></title>
  4094.    <link>https://www.typography.com/blog/whats-in-a-font-name</link>
  4095.    <description>
  4096.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/serie-gutenberg-640px.jpg">
  4097.  
  4098. <p><span class="small-caps">For as long as fonts have had names,</span> they&rsquo;ve had <em>bad</em> names. Historical inaccuracies have been common for two hundred years: typefounders of the Industrial Revolution groped for historical labels to apply to newly-invented styles (<a href="https://www.typography.com/fonts/ziggurat/overview/" target="_blank">Egyptian</a>, <a href="https://www.typography.com/fonts/leviathan/overview/" target="_blank">Gothic</a>, etc.), and it wasn&rsquo;t long before typefaces began to bear the recognizable names of unrelated historical figures. Alongside the very un-Dutch <em>Series Rembrandt,</em> a nineteenth century French specimen book shows the <em>Series Victor Hugo,</em> unconnected with the author but doubtless hoping to cash in on his celebrity; Hugo was still alive at the time.</p>
  4099.  
  4100. <p>But most entertaining are faces like this one, which honor prominent figures from typography&rsquo;s own history. This charming face is from the 1928 type specimen of the Nebiolo foundry in Torino, and here we have a typeface full of Art Nouveau vigor, fresh from the window of a chic gelateria, or a cinema marquee. And what famous early twentieth century figure is it named after? Why, Johannes Gutenberg of course (d. 1468), father of movable type. Can&rsquo;t you just see Gutenberg stepping out of his Fiat <span class="small-caps">gp</span> racer, his handsome olive complexion set off by a rakish tweed cap?</p>
  4101.  
  4102. <p>It seems that most of the world&rsquo;s typefounders have suffered this cruel fate. Here are some especially juicy mistreatments.</p>
  4103. <!--read_more-->
  4104.  
  4105. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/caxtonian-640px.jpg">
  4106.  
  4107. <p>This is the <em>Caxtonian</em> typeface, produced by the San Francisco type foundry of Palmer &amp; Rey, and appearing in their 1889 catalog. Its name presumably honors <a href="https://en.wikipedia.org/wiki/William_Caxton" target="_blank">William Caxton</a> (c. 1415&ndash;1492), best remembered as England&rsquo;s first printer, though this design suggests a gold rush pioneer, or a Dodge City vaudevillian. (Or perhaps your local watering hole has Caxtonian Stout on tap?)</p>
  4108.  
  4109. <p>Moving along through type history, we come to <a href="http://en.wikipedia.org/wiki/Garamond" target="_blank">Claude Garamond</a>, the great French typefounder of the sixteenth century, immortalized here by the Fonderie Typographique Fran&ccedil;aise around 1920:</p>
  4110.  
  4111. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/francaise-garamond-640px.jpg">
  4112.  
  4113. <p>Garamond&rsquo;s name has long been surrounded by a scholarly fug &mdash; there are many typefaces called &ldquo;Garamond&rdquo; which unwittingly revive the work of other typefounders, from Robert Granjon to Jean Jannon. But this is beyond the pale: here in the <em>Album d&rsquo;Alphabets</em> is the proud declaration <span class="small-caps">&ldquo;garamond,&rdquo;</span> atop a showing of the late ninteenth century American typeface known today as <em>Bookman.</em> I&rsquo;d love to use this face for the cover of an album called &ldquo;Berlioz,&rdquo; which contains nothing but marches by John Phillips Sousa.</p>
  4114.  
  4115. <p>The eighteenth century printer-typefounder <a href="https://en.wikipedia.org/wiki/John_Baskerville" target="_blank">John Baskerville</a> lent his name to a number of solid revivals, none of which includes:</p>
  4116.  
  4117. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/caslon-baskerville-640px.jpg">
  4118.  
  4119. <p>Baskerville&rsquo;s chief contribution to typography was the introduction of gestures from engraving, which gradually moved letterforms away from calligraphy and toward rationalism. The swooshy business above, taken from the 1919 specimen of the Caslon typefoundry, represents the very opposite of Baskerville&rsquo;s approach, like a thatched cottage attributed to Mies Van der Rohe. In an offhanded moment, Roger Black once called this face &ldquo;Caslon for lovers,&rdquo; which pretty much retires the trophy for withering typographic sobriquets.</p>
  4120.  
  4121. <p>Of course, not to be outdone by the British,</p>
  4122.  
  4123. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/atf-baskerville-640px.jpg">
  4124.  
  4125. <p>Here&rsquo;s &ldquo;Baskerville&rdquo; rendered by the American Type Founders company <span class="small-caps">(atf)</span>, as shown in their type specimen book of 1896. Like the Garamond-that-eats-like-a-Bookman, this is simply the <em>Latin Elongated</em> typeface billed as &ldquo;Baskerville,&rdquo; for reasons unfathomable. (It couldn&rsquo;t have been a very successful marketing gimmick: as well known as the name &ldquo;Baskerville&rdquo; was the style behind it, so I can&rsquo;t imagine this label fooling anyone.) I&rsquo;m reminded of Jack Summerford&rsquo;s fantastic <a href="http://designarchives.aiga.org/entry.cfm/eid_7076" target="_blank">Helvetica T-Shirt</a>, though unlike Summerford, I doubt <span class="small-caps">atf</span> was in on the joke.</p>
  4126.  
  4127. <p>Finally, here in the 1888 specimen book of the Cincinnati foundry, we have an American adaptation of the work of the Neoclassical giant, <a href="https://en.wikipedia.org/wiki/Firmin_Didot" target="_blank">Firmin Didot</a>:</p>
  4128.  
  4129. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/cincinnati-didot-640px.jpg">
  4130.  
  4131. <p>Having done my own <a href="https://www.typography.com/fonts/didot/overview/" target="_blank">Didot revival</a> some years ago, I think I can safely say that our two different approaches suggest ample opportunity for further exploration. &mdash;JH</p>]]>
  4132.    </description>
  4133.    <pubDate>Tue, 03 Jun 2008 08:43:00 +0000</pubDate>
  4134.    <guid>https://www.typography.com/blog/whats-in-a-font-name#337</guid>
  4135. </item>
  4136.                   <item>
  4137.    <title><![CDATA[Springtype]]></title>
  4138.    <link>https://www.typography.com/blog/springtype</link>
  4139.    <description>
  4140.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nebiolo-iniziali_500.jpg">
  4141.  
  4142. <p><span class="small-caps">I&rsquo;ve been trying to find a type specimen book</span> from the Italian foundry of Nebiolo for twenty years, and this morning one finally turned up: the <em>Campionario Caratteri e Fregi Tipografici</em> of 1928. Here&rsquo;s a sample of what&rsquo;s inside, perfect for a beautiful spring day in New York! &mdash;JH</p>]]>
  4143.    </description>
  4144.    <pubDate>Mon, 02 Jun 2008 10:45:00 +0000</pubDate>
  4145.    <guid>https://www.typography.com/blog/springtype#336</guid>
  4146. </item>
  4147.                   <item>
  4148.    <title><![CDATA[Invasion of the Glagolites]]></title>
  4149.    <link>https://www.typography.com/blog/invasion-of-the-glagolites</link>
  4150.    <description>
  4151.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/invasion-of-the-glagolites2.jpg">
  4152.  
  4153. <p><span class="small-caps">Above:</span> the sole surviving classified photo of the landing craft spotted hovering over a Nebraska cornfield? Below: gift of the alien emissary, a plaque declaring peace between our two worlds, now in possession of the U. S. Army?</p>
  4154.  
  4155. <p><span class="strikethrough">Yes!</span> No. Prompted by my recent post on <a href="https://www.typography.com/blog/happy-typographic-holidays" target="_blank">typographic holidays</a>, a colleague in Croatia, Vjeran Andra&scaron;i&#263;, sent word that he&rsquo;s enjoying his own typographic holiday in the Adriatic, on the island of <a href="http://en.wikipedia.org/wiki/Krk" target="_blank">Krk</a>. Among its other features, Krk is home to some of the world&rsquo;s oldest inscriptions in the <a href="http://www.omniglot.com/writing/glagolitic.htm" target="_blank">Glagolitic</a> alphabet, where it flourishes still. I&rsquo;d written that Glagolitic was largely eclipsed by Cyrillic in the 13th century, without mentioning that it survives as a national treasure in Croatia. Vjeran points me not only to the <a href="http://www.croatianhistory.net/etf/baska.html" target="_blank">Baska Tablet</a>, one of the great monuments of medieval literacy, but to <a href="http://www.croatianhistory.net/glagoljica/izleti.html" target="_blank">this site</a>, which has some eye-opening photographs of Glagolitic in modern use. I direct you especially to the mind-bending <a href="http://www.croatianhistory.net/gif/gl/baska_franica_spec.jpg
  4156. " target="_blank">multilingual menu</a> set in Glagolitic and Comic Sans. &mdash;JH</p>]]>
  4157.    </description>
  4158.    <pubDate>Thu, 29 May 2008 11:42:00 +0000</pubDate>
  4159.    <guid>https://www.typography.com/blog/invasion-of-the-glagolites#335</guid>
  4160. </item>
  4161.                   <item>
  4162.    <title><![CDATA[Happy Typographic Holidays]]></title>
  4163.    <link>https://www.typography.com/blog/happy-typographic-holidays</link>
  4164.    <description>
  4165.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/glagolitic_500.png">
  4166.  
  4167. <p><span class="small-caps">This weekend, many of us celebrated</span> a beloved national holiday. Perhaps you enjoyed a porterhouse steak off the grill, or played touch football with the kids; perhaps the local marching band led your town in a rousing patriotic medley. But amidst the fanfare and the bunting, did you take a moment to reflect on what this holiday was really about? Did you really pause to remember that May 24 was <strong>Cyrillic and Glagolitic Alphabet Day?</strong></p>
  4168.  
  4169. <p>On Saturday, readers throughout the Slavic world celebrated <a href="http://en.wikipedia.org/wiki/Saints_Cyril_and_Methodius_Day#Saints_Cyril_and_Methodius_Day" target="_blank">Saints Cyril and Methodius Day</a>, a bonafide public holiday in Russia, Bulgaria, Macedonia, Slovakia, and the Czech Republic. The holiday honors Cyril and Methodius, the Byzantine brothers whose missions to the Slavs, beginning in AD 862, culminated in the invention of the <a href="http://www.omniglot.com/writing/glagolitic.htm" target="_blank">Glagolitic Alphabet</a>, which was used to render Christian texts in the <a href="http://www.omniglot.com/writing/ocslavonic.htm" target="_blank">Old Church Slavonic</a> language. Glagolitic&rsquo;s sister script, <a href="http://www.omniglot.com/writing/cyrillic.htm" target="_blank">Cyrillic</a>, prevailed during the 13th century, and Peter the Great canonized Cyrillic in essentially its modern form in 1708. Cyrillic has survived largely intact, despite the orthographic reforms and political purges of the last century: among the reforms of 1918 were the deprecation of the <em>yer</em> (&#1098;), and removal of the <em>yat</em> (&#1123;) and <em>izhitsa</em> (&#1141;), this last letter rumored to have been used for only two words in the entire Russian language at the time of its expulsion (<em>&#1084;&#1141;&#1088;&#1086;, &#1089;&#1141;&#1085;&#1086;&#1076;&#1098;.</em>) But the issues are deep, and with the dissolusion of the USSR, the story is by no means over: Wikipedia devotes an entire section to the burning issue of <em><a href="http://en.wikipedia.org/wiki/Reforms_of_Russian_orthography#Yat-reform" target="_blank">Yat-reform</a>.</em></p>
  4170.  
  4171. <p>The celebration of the alphabet is by no means limited to the Slavic world: another nation with great typographic traditions celebrates its own Alphabet Day this fall, and I&rsquo;m working on the blog post already. I promise to give you a little more notice next time &mdash; I know how hard it can be to get those Alphabet Day cards out on time. &mdash;JH</p>]]>
  4172.    </description>
  4173.    <pubDate>Tue, 27 May 2008 15:16:00 +0000</pubDate>
  4174.    <guid>https://www.typography.com/blog/happy-typographic-holidays#334</guid>
  4175. </item>
  4176.                   <item>
  4177.    <title><![CDATA[A Parisian Palimpsest]]></title>
  4178.    <link>https://www.typography.com/blog/a-parisian-palimpsest</link>
  4179.    <description>
  4180.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/cochin_500.jpg">
  4181.  
  4182. <p><span class="small-caps">This one</span> took me a minute.</p>
  4183.  
  4184. <p>Gustave Peignot spent the last four decades of the nineteenth century acquiring small French typefoundries, which by 1899 were formally organized into the firm of G. Peignot &amp; Fils. Twenty-three years later they would merge with the venerable foundry of Laurent &amp; Deberny, and Deberny &amp; Peignot would be born. Soon after, this collaboration would produce the most significant typefaces of the Art Nouveau period, designs by Eug&egrave;ne Grasset and Georges Auriol, and later, Machine Age masterpieces by A. M. Cassandre. There would be historical revivals in the manner of Garamond and Didot, new work by Imre Reiner and Maximilien Vox, and in 1952, a series of faces by a new Swiss designer named Adrian Frutiger. Five years into their collaboration came <em>Univers.</em></p>
  4185.  
  4186. <p>A design long associated with Peignot &mdash; but not attributed to any particular designer &mdash; is the typeface <em>Nicolas Cochin.</em> Named after an eighteenth century French engraver (but not especially representative of his work), the Nicolas Cochin typeface was advertised in a lovely little booklet produced by Peignot &amp; Fils around 1920, a copy of which survives, barely, in our library. After an introduction and a number of settings in period dress, the specimen unfolds into an album of blue kraft paper pages, framing a charming collection of printed ephemera. There&rsquo;s a menu, a calendar, a business card; one delightful page is an interior decorator&rsquo;s invoice. And then there&rsquo;s this.</p>
  4187.  
  4188. <p>Aside from the fabrication technique &mdash; the checkered background has the smoothness of offset lithography, and the image appears to be impossibly continuous-tone (!?) &mdash; there&rsquo;s the <em>design,</em> which looks about sixty years ahead of its time. The atmospheric quality of the background reminds me of a Vaughan Oliver album cover for <em>4AD,</em> and the deconstructed typography-in-motion feels very much like something Pierre Bernard might have made with <em>Grapus.</em> The explanation, of course, is a happy accident: the page was originally a pink and lavender parquet, parts of which have oxidized through eighty years of contact with the facing page, but the result is simply beautiful. I&rsquo;m hoping that whoever designs the poster for the next Peter Greenaway film keeps this typographic ambience in mind. &mdash;JH</p>]]>
  4189.    </description>
  4190.    <pubDate>Sat, 17 May 2008 00:01:00 +0000</pubDate>
  4191.    <guid>https://www.typography.com/blog/a-parisian-palimpsest#333</guid>
  4192. </item>
  4193.                   <item>
  4194.    <title><![CDATA[Taxonomy Meets Typography]]></title>
  4195.    <link>https://www.typography.com/blog/taxonomy-meets-typography</link>
  4196.    <description>
  4197.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/decoylab.jpg">
  4198.  
  4199. <p><span class="small-caps">Tina at <a href="http://swissmiss.typepad.com/" target="_blank">Swissmiss</a></span> turned me on to this lovely poster by <a href="http://www.decoylab.com/" target="_blank">Decoylab</a>, which wouldn&rsquo;t you know it makes lovely use of <a href="https://www.typography.com/fonts/gotham/styles/" target="_blank">Gotham Extra Light</a>. I&rsquo;m amazed that designer Maiko Kuzunishi came up with so many recognizable silhouettes, more so that she found so many that are sympathetic with the shape of their initials. (The <strong class="alternate">B</strong> is almost a butterfly already, but who&rsquo;d have seen the <strong class="alternate">J</strong> in jellyfish?) Maiko imagines her poster as a fine addition to a child&rsquo;s room, and I agree: it&rsquo;s cheerful, engaging, and subliminally inculcates in tomorrow&rsquo;s animal lovers a taste for fine typography. &mdash;JH</p>]]>
  4200.    </description>
  4201.    <pubDate>Wed, 14 May 2008 13:25:00 +0000</pubDate>
  4202.    <guid>https://www.typography.com/blog/taxonomy-meets-typography#332</guid>
  4203. </item>
  4204.                   <item>
  4205.    <title><![CDATA[Remembering Rauschenberg]]></title>
  4206.    <link>https://www.typography.com/blog/remembering-rauschenberg</link>
  4207.    <description>
  4208.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/rauschenberg-2_500.jpg">
  4209.  
  4210. <p><span class="small-caps">If you draw a line</span> from <a href="http://images.google.com/images?q=shinro%20ohtake" target="_blank">Shinro Ohtake</a> to <a href="http://images.google.com/images?q=joseph%20cornell" target="_blank">Joseph Cornell</a>, and another from <a href="http://images.google.com/images?q=ed%20fella" target="_blank">Ed Fella</a> to <a href="http://images.google.com/images?q=william%20harnett" target="_blank">William Harnett</a>, you will find yourself at a monumental, unavoidable intersection. At this great pinnacle sits Robert Rauschenberg, who died yesterday at the age of 82.</p>
  4211.  
  4212. <p>I would have liked to have known him. His sincere appreciation for the pedestrian, which energized modern art, ultimately came to inform a major theme in modern typography as well. &ldquo;I really feel sorry,&rdquo; he once said, &ldquo;for people who think things like soap dishes or mirrors or Coke bottles are ugly.&rdquo; This sentiment applies equally to the once-maligned universe of vernacular lettering: how many of our typefaces born of <a href="https://www.typography.com/fonts/gotham/history/" target="_blank">humble origins</a> would have happened without Rauschenberg?</p>
  4213.  
  4214. <p>Most especially, I think I would have enjoyed his sense of humor. His famously <em><a href="http://www.sfmoma.org/msoma/artworks/93.html
  4215. " target="_blank">Erased de Kooning Drawing</a></em> merely hinted at the wickedness in store: the obituary in today&rsquo;s <a href="http://www.nytimes.com/2008/05/14/arts/design/14rauschenberg.html?pagewanted=1&amp;_r=1&amp;hp" target="_blank">Times</a> describes a fine exchange with fellow troublemaker John Cage. Once, while staying at Cage&rsquo;s apartment,</p>
  4216.  
  4217. <blockquote class="excerpt">&ldquo;[Rauschenberg] decided he would touch up the painting Cage had acquired, as a kind of thank you, painting it all-black, being in the midst of his new, all-black period. When Cage returned, he was not amused.&rdquo;</blockquote>
  4218.  
  4219. <p>Maybe this was a prank born of the same exuberance that inspired his earlier work, with its bicycle tires and taxidermied eagles, or maybe it was a concise way of unseating a highflown comrade&rsquo;s hypocrisy with a couple of merry brushstrokes. (It was probably a little of both, which makes it all the more delightful.) Whatever it was, I&rsquo;m glad that it nourished the decades of unforgettable work that followed. &mdash;JH</p>]]>
  4220.    </description>
  4221.    <pubDate>Tue, 13 May 2008 15:53:00 +0000</pubDate>
  4222.    <guid>https://www.typography.com/blog/remembering-rauschenberg#330</guid>
  4223. </item>
  4224.                   <item>
  4225.    <title><![CDATA[For Your Next Type-Themed Party]]></title>
  4226.    <link>https://www.typography.com/blog/for-your-next-type-themed-party</link>
  4227.    <description>
  4228.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/conor-david_500.jpg">
  4229.  
  4230. <p><span class="small-caps">Apparently we&rsquo;re not alone</span> in our <a href="https://www.typography.com/blog/our-middle-name" target="_blank">love of ampersands</a>: dig this lovely work by Dublin designers <a href="http://www.conoranddavid.com/archive.html" target="_blank">Conor Nolan and David Wall</a>, now available as an A1 poster (23" &times; 33") from <a href="http://www.workgroup.ie/store/" target="_blank">WorkGroup</a> for the princely sum of &euro;10. The WorkGroup site includes a quick process video that I take to be highly abridged! &mdash;JH</p>]]>
  4231.    </description>
  4232.    <pubDate>Tue, 13 May 2008 08:54:00 +0000</pubDate>
  4233.    <guid>https://www.typography.com/blog/for-your-next-type-themed-party#331</guid>
  4234. </item>
  4235.                   <item>
  4236.    <title><![CDATA[Answers to Frequently Asked Questions]]></title>
  4237.    <link>https://www.typography.com/blog/answers-to-frequently-asked-questions</link>
  4238.    <description>
  4239.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/schelter-giesecke_500.jpg">
  4240.  
  4241. <p><span class="small-caps">Just kidding.</span> A beauty though, isn&rsquo;t it? This page of tastefully arranged number signs comes from a type specimen book issued by the Schelter &amp; Giesecke foundry of Leipzig, around 1900. In a good type specimen, no piece of typographic material is too insignificant to merit proper attention, but to see such a peripheral symbol treated with this kind of thought and artistry is really touching. &mdash;JH</p>]]>
  4242.    </description>
  4243.    <pubDate>Thu, 01 May 2008 11:00:00 +0000</pubDate>
  4244.    <guid>https://www.typography.com/blog/answers-to-frequently-asked-questions#329</guid>
  4245. </item>
  4246.                   <item>
  4247.    <title><![CDATA[Unicode Poetry Slam]]></title>
  4248.    <link>https://www.typography.com/blog/unicode-poetry-slam</link>
  4249.    <description>
  4250.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/unicode-poetry-slam2.png">
  4251.  
  4252. <p><span class="small-caps">I feel certain</span> that I&rsquo;ve seen the logo for <strong>Fermata Festival</strong> on canvas totebags at the greenmarket, and that <strong>Fox Fraction</strong> is part of the Action 10 News Team. I&rsquo;m equally convinced that <strong>Falling Family</strong> and <strong>Feathered February</strong> are Lifetime Original Movies, and that <strong>Fit Fita Five</strong> once opened for Afrika Bambaataa at the Mudd Club. Legendary turntablist <strong>Fricative Fritu</strong> was the driving force behind that act, before leaving to found <strong>Forward Fostering Four</strong> in 1979; signed to <strong>Furx</strong> Records, they were one of my favorite bands, along with <strong>Flexus Flight Flip</strong> and <strong>Facsimile Factor</strong> &mdash; who these days you can catch on <strong>Fly FM,</strong> home of a great morning drivetime show hosted by <strong>Fongman Foo</strong>&hellip;</p>
  4253.  
  4254. <p>Novelists and MCs seeking inspiration are hereby directed to the <a href="http://www.unicode.org/charts/name/" target="_blank">Unicode Character Name Index</a>, once a mere reference for cosmopolitan type designers, but now also a wellspring of found poetry (and a sure-fire way to blow an entire afternoon.) The above nonsense comes from adjacent entries on the <strong class="alternate"><a href="http://www.unicode.org/charts/name/chart_F.html" target="_blank">F</a></strong> page, and other letters are no less fertile: doesn&rsquo;t the <strong class="alternate"><a href="http://www.unicode.org/charts/name/chart_M.html" target="_blank">M</a></strong> page make you yearn for the comeback of wrestling legend <strong>&ldquo;Manacles&rdquo; Manchu?</strong> &mdash;JH</p>
  4255.  
  4256. <div class="addendum">
  4257. <p><strong class="label">Eric Siry adds:</strong> You neglected gangsta rap legend <strong>Fat Fatha</strong>, Thai-Senegalese throat singer <strong>Fthora Fu</strong>, and goth pioneers <strong>Functional Funeral</strong> &mdash; as well as the front man&rsquo;s solo excursion into atonal noise rock, <strong>Fwa Fwaa Fwe Fwee</strong>.</p>
  4258. </div>]]>
  4259.    </description>
  4260.    <pubDate>Wed, 30 Apr 2008 05:20:00 +0000</pubDate>
  4261.    <guid>https://www.typography.com/blog/unicode-poetry-slam#328</guid>
  4262. </item>
  4263.                   <item>
  4264.    <title><![CDATA[Our Middle Name]]></title>
  4265.    <link>https://www.typography.com/blog/our-middle-name</link>
  4266.    <description>
  4267.        <![CDATA[<p><span class="small-caps">Last month&rsquo;s posts</span> about the <strong class="alternate"><a href="https://www.typography.com/blog/pilcrow-capitulum" target="_blank">&para;</a></strong> and the <strong class="alternate"><a href="https://www.typography.com/blog/the-sulzbacher-eszett" target="_blank">&szlig;</a></strong> prompted a flurry of e-mail inquiring about other special favorites in the character set. Matt McInerney guessed correctly that the ampersand is one for which we have special affection, and asked if there was anything else we could say about it. How could we not? Ampersand, after all, is H&amp;Co&rsquo;s middle name.</p>
  4268.  
  4269. <p>Though it feels like a modern appendix to our ancient alphabet, the ampersand is considerably older than many of the <em>letters</em> that we use today. By the time the letter <strong class="alternate">W</strong> entered the Latin alphabet in the seventh century, ampersands had enjoyed six hundred years of continuous use; one appears in Pompeiian graffiti, establishing the symbol at least as far back as A.D. 79. One tidy historical account credits Marcus Tullius Tiro, Cicero&rsquo;s secretary, with the invention of the ampersand, and while this is likely a simplified retelling, it&rsquo;s certainly true that Tiro was a tireless user of <a href="https://www.typography.com/fonts/historical-allsorts/features/historical-allsorts-special-characters/" target="_blank">scribal abbreviations</a>. One surviving construction of the ampersand bears his name, and keen typophiles can occasionally find the &ldquo;<a href="http://en.wikipedia.org/wiki/Tironian" target="_blank">Tironian and</a>&rdquo; out in the world today.</p>
  4270.  
  4271. <p>As both its function and form suggest, the ampersand is a written contraction of &ldquo;et,&rdquo; the Latin word for &ldquo;and.&rdquo; Its shape has evolved continuously since its introduction, and while some ampersands are still manifestly <em>e-t</em> ligatures, others merely hint at this origin, sometimes in very oblique ways. The many forms that a font&rsquo;s ampersand can follow are generally informed by its historical context, the whims of its designer, and the demands of the type family that contains it: below, a tour of some ampersands and the thinking behind them, along with an explanation of the storied history of the word &ldquo;ampersand&rdquo; itself.</p>
  4272. <!--read_more-->
  4273.  
  4274. <p>&nbsp;</p>
  4275.  
  4276. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-mercury.png">
  4277.  
  4278. <p><strong class="alternate">1</strong> &mdash; The ampersand in <a href="http://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout</a> follows a construction that&rsquo;s been common to commercial sans serifs since the nineteenth century. At least some of this form&rsquo;s popularity must come from its elasticity, for variations on this design can be found in almost any proportion. This is certainly what recommended it to Knockout, where the design would have to survive an especially ambitious range of <a href="http://www.typography.com/fonts/knockout/features/knockout-nine-widths" target="_blank">weights and widths</a>: this ampersand works as well in light compressed fonts as it does in ultrabold wide ones.<br />
  4279. &nbsp;</p>
  4280.  
  4281. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-whitney.png">
  4282.  
  4283. <p><strong class="alternate">2</strong> &mdash; <a href="http://www.typography.com/fonts/knockout/features/knockout-nine-widths" target="_blank">Hoefler Titling</a> includes one of my favorite ampersands, a lyrical italic with a palpable &ldquo;et.&rdquo; Typefounders as early as Griffo (1499) and Arrighi (1523) used ampersands of this basic shape &mdash; and calligraphic forebears date to the fourth century &mdash; but it was in the early seventeenth century that the shape flowered into this wonderfully baroque form. The triplet of circles that float along the &lsquo;mean line&rsquo; (at the top of the lowercase) is charming in text; I&rsquo;ve always found that these kinds of ampersands are particularly comfortable alongside roman small caps.<br />
  4284. &nbsp;</p>
  4285.  
  4286. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-requiem.png">
  4287.  
  4288. <p><strong class="alternate">3</strong> &mdash; As part of its commitment to being over-the-top, <a href="http://www.typography.com/fonts/hoefler-text/overview/" target="_blank">Hoefler Text</a> includes no fewer than seven different ampersands in each of its weights. Along with roman and italic ampersands of more straightforward constructions &mdash; each supplied in sizes to match both the lowercase and the small caps &mdash; this alternate is included, modeled on a famous ampersand made by William Caslon in 1732.<br />
  4289. &nbsp;</p>
  4290.  
  4291. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-chronicle.png">
  4292.  
  4293. <p><strong class="alternate">4</strong> &mdash; <a href="http://www.typography.com/fonts/chronicle-display/overview/" target="_blank">Chronicle</a> has distant roots in the early nineteenth century, a time when typefounding was beginning to show the influences of other disciplines, signwriting foremost among them. The unusual &lsquo;ball terminal&rsquo; on Chronicle&rsquo;s ampersand is very much a sign painter&rsquo;s gesture, though this one was inspired by a more recent sign of a different medium: a former bank on lower Broadway features a similar ampersand, cast in bronze and probably designed in the early twentieth century.<br />
  4294. &nbsp;</p>
  4295.  
  4296. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-archer.png">
  4297.  
  4298. <p><strong class="alternate">5</strong> &mdash; As infrequent as ball terminals are on roman ampersands, they&rsquo;ve always been common in italics. The ampersand in <a href="http://www.typography.com/fonts/archer/overview/" target="_blank">Archer</a> has the requisite ball on its italic ampersand, but borrows this feature back for many of its roman letterforms, giving many of its roman capitals the esprit of a cursive italic. (Check out Archer&rsquo;s <strong class="alternate">C</strong>, <strong class="alternate">G</strong>, and <strong class="alternate">S</strong> for some unexpected ball terminals.)<br />
  4299. &nbsp;</p>
  4300.  
  4301. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-hoeflertext.png">
  4302.  
  4303. <p><strong class="alternate">6</strong> &mdash; As a typeface based on calligraphic sources, <a href="http://www.typography.com/fonts/requiem/overview/" target="_blank">Requiem</a> offers an interpretation of a bonafide written ampersand. This form of ampersand would ultimately become enshrined in type, and would later evolve into the baroque ampersand of Hoefler Titling, above. In its calligraphic dress, this type of ampersand presents an especially thorny challenge for type designers, as it includes one of the few moments in which two thick strokes meet at a right angle.<br />
  4304. &nbsp;</p>
  4305.  
  4306. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-knockout.png">
  4307.  
  4308. <p><strong class="alternate">7</strong> &mdash; A different take on the literal &ldquo;et&rdquo; appears in the italic for <a href="http://www.typography.com/fonts/mercury-display/overview/" target="_blank">Mercury</a>, where the join between cursive <strong class="alternate">E</strong> and constructed <strong class="alternate">t</strong> makes for some fierce geometry, reinforcing the themes of the font&rsquo;s roman and italic. A testament to the permissiveness of the ampersand is how inconspicuous this form is, its overall silhouette sufficiently &lsquo;ampersand-like&rsquo; as to pass unnoticed in text.<br />
  4309. &nbsp;</p>
  4310.  
  4311. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/ampersand-hoeflertitling.png">
  4312.  
  4313. <p><strong class="alternate">8</strong> &mdash; <a href="http://www.typography.com/fonts/whitney/overview/" target="_blank">Whitney</a> features a contemporary ampersand that first gained popularity on the typewriter. Letters on typewriter hammers took every opportunity to repel ink, and breaking the tiny upper counter of the ampersand provided a clever way to avoid clogging without affecting the character&rsquo;s recognizability. Whitney&rsquo;s use of this shape underscores the font&rsquo;s businesslike overtones, and it serves the design in situations where space doesn&rsquo;t permit extraneous gestures: Whitney&rsquo;s weights run to a very dense Black, where the small-cap-sized ampersand couldn&rsquo;t exist without some degree of simplification.</p>
  4314.  
  4315. <p>As for the word &ldquo;ampersand,&rdquo; folk etymologies abound. The likeliest account, offered by the OED, is explained by early alphabet primers in which the symbol was listed after X, Y, Z as &ldquo;&amp;: per se, and.&rdquo; Meaning &ldquo;&amp;: in itself, &lsquo;and&rsquo;&rdquo;, and inevitably pronounced as &ldquo;and per se and&rdquo;, it&rsquo;s a quick corruption to &ldquo;ampersand,&rdquo; and the rest is history. Though I do like one competing explanation offered by a retired signpainter I once met, who insisted that the symbol got its name from its inventor, and was henceforth known to the trade as <em>Amper&rsquo;s And.</em> This Mr. Amper has never surfaced, nor have any of his contemporaries who lent their names to competing models; I would have liked to see <em>Quick&rsquo;s And,</em> on which this tale is surely built. &mdash;JH</p>]]>
  4316.    </description>
  4317.    <pubDate>Mon, 28 Apr 2008 16:11:00 +0000</pubDate>
  4318.    <guid>https://www.typography.com/blog/our-middle-name#327</guid>
  4319. </item>
  4320.                   <item>
  4321.    <title><![CDATA[Adventures in Kerning, Part II]]></title>
  4322.    <link>https://www.typography.com/blog/adventures-in-kerning-part-ii</link>
  4323.    <description>
  4324.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Yq-kerning_500.jpg">
  4325.  
  4326. <p><span class="small-caps">A kerning table,</span> which makes special allowances for characters that don&rsquo;t fit together naturally, can reveal a lot about the personality of its designer. Every font pays special attention to the pair <strong class="alternate">Va</strong>, but the font that includes <strong class="alternate">Vr</strong> suggests a familiarity with French <em>(vraie)</em> or Dutch <em>(vrouw).</em> Pairs like <strong class="alternate">Wn</strong> or <strong class="alternate">Tx</strong> hint at an even broader perspective (<em>Wnetrzne,</em> Poland; <em>Txipepovava,</em> Angola), and the designer who kerns the <strong class="alternate">&yen;4</strong> has presumably spent some time thinking about finance. Including <strong class="alternate">&Aring;&Ccedil;</strong> is the mark of someone who&rsquo;s trying too hard: these letters don&rsquo;t nest together naturally, but nor do they appear together in any language.</p>
  4327.  
  4328. <p>When I first learned about kerning, mystifying to me was the presence of <strong class="alternate">Yq</strong> in almost every one of Adobe&rsquo;s fonts. Adobe&rsquo;s early faces sometimes neglected far more common pairs, or even whole ranges of the character set &mdash; many fonts didn&rsquo;t kern periods, dashes, or quotation marks &mdash; but Yq was ever-present. When I met him in the early nineties, Adobe&rsquo;s Fred Brady hinted at why: located in northern California, Adobe&rsquo;s designers often had a thing for viniculture, and one of the world&rsquo;s most famous dessert wines is produced by <em>Ch&acirc;teau D&rsquo;Yquem.</em></p>
  4329.  
  4330. <p>We&rsquo;ve included Yq as a standard kerning pair ever since, though I&rsquo;d never gotten to see it in action until yesterday. Here, in the window of Sotheby&rsquo;s on Bond Street, is our <a href="https://www.typography.com/fonts/verlag/overview/">Verlag</a> typeface, Yq kern and all. There are kerns obscurer still that we&rsquo;re waiting to see in public, though I don&rsquo;t suppose I&rsquo;ll be seeing the 9th century Old English word <em>wihx&eth;</em> (wax) in the window of Sotheby&rsquo;s anytime soon. &mdash;JH</p>]]>
  4331.    </description>
  4332.    <pubDate>Thu, 10 Apr 2008 03:16:00 +0000</pubDate>
  4333.    <guid>https://www.typography.com/blog/adventures-in-kerning-part-ii#326</guid>
  4334. </item>
  4335.                   <item>
  4336.    <title><![CDATA[How We Know Our ABCs]]></title>
  4337.    <link>https://www.typography.com/blog/how-we-know-our-abcs</link>
  4338.    <description>
  4339.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/a-b-c-instructions_500.png">
  4340.  
  4341. <p><span class="small-caps">&ldquo;Collation&rdquo; is the technical term</span> for the order in which the letters of the alphabet are arranged. Anyone who&rsquo;s ever glanced at a foreign alphabet has noticed the consistencies that have been preserved over the millennia: our Latin &ldquo;<strong class="alternate">A</strong>, <strong class="alternate">B</strong>, <strong class="alternate">C</strong>&rdquo; resembles the Greek &ldquo;alpha, beta, gamma,&rdquo; as well as the Arabic &ldquo;&rsquo;alif, b&#257;&rsquo;, t&#257;&rdquo; and Hebrew &ldquo;aleph, bet, gimel,&rdquo; all of which are traceable to the Phoenician &ldquo;&rsquo;&#257;leph, b&#275;th, g&#299;mel.&rdquo; By the time we&rsquo;ve passed through the Proto-Canaanite &ldquo;&rsquo;alp, bet, gaml&rdquo; to the Ugaritic &ldquo;alpa, beta, gamla,&rdquo; we&rsquo;ve travelled back 3,500 years; what&#39;s interesting is that the <a href="http://www.omniglot.com/writing/ugaritic.htm" target="_blank">shapes</a> of these letters are unrecognizable, but their order is utterly familiar.</p>
  4342.  
  4343. <p>I came across a passage last night that speaks to the significance of alphabet collation. I&rsquo;d always imagined that the modern practice of labelling parts for assembly using the alphabet &mdash; insert tab <strong class="alternate">A</strong> into slot <strong class="alternate">B</strong>, etc. &mdash; must be a post-industrial innovation, one which relied upon modern standards of literacy. Not so:</p>
  4344.  
  4345. <blockquote class="excerpt">Ancient Near Easterners used fitters&rsquo; marks, single letters of the alphabet apparently used to indicate the order in which various building materials are to be assembled. Various decorative ivory pieces from Nimrud, Iraq, were letter-coded to show the order in which they were to be inserted into furniture. In a temple at Petra, Jordan, archaeologists found &ldquo;large, individually letter-coded, ashlar blocks spread along the floor of [a] room ... in the temple structure.&rdquo; In a 1971 salvage expedition of a ship downed off Marsala, Italy, Honor Frost discovered &ldquo;letters at key places where wood was to be joined ... the ship assembly [was thus] a colossal game of carpentry by letters, like a modern paint-by-numbers project.&rdquo;</blockquote>
  4346.  
  4347. <p>This is from <a href="http://www.amazon.com/exec/obidos/ASIN/0195079930/typographycom-20" target="_blank"><em>The World&rsquo;s Writing Systems,</em></a> edited by Peter T. Daniels and William Bright. Oxford University Press, 1996. &mdash;JH</p>]]>
  4348.    </description>
  4349.    <pubDate>Tue, 08 Apr 2008 02:34:00 +0000</pubDate>
  4350.    <guid>https://www.typography.com/blog/how-we-know-our-abcs#325</guid>
  4351. </item>
  4352.                   <item>
  4353.    <title><![CDATA[It’s Alive!]]></title>
  4354.    <link>https://www.typography.com/blog/its-alive</link>
  4355.    <description>
  4356.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/estupido-lives_500_1.png">
  4357.  
  4358. <p><span class="small-caps">I should have <a href="https://www.typography.com/blog/two-fools" target="_blank">known</a></span> it would come to <a href="http://www.ministryoftype.co.uk/words/article/robot_poetry/
  4359. " target="_blank">this</a>. &mdash;JH</p>]]>
  4360.    </description>
  4361.    <pubDate>Thu, 03 Apr 2008 06:30:00 +0000</pubDate>
  4362.    <guid>https://www.typography.com/blog/its-alive#324</guid>
  4363. </item>
  4364.                   <item>
  4365.    <title><![CDATA[Type Tour II]]></title>
  4366.    <link>https://www.typography.com/blog/type-tour-ii</link>
  4367.    <description>
  4368.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/hfj-walking-tour08_500_2.jpg">
  4369.  
  4370. <p><span class="small-caps">If you missed Tobias&rsquo;s Typographic Walking Tour</span> last September, and weren&rsquo;t one of the 22 lucky callers to register for his <a href="http://aigany.org/events/details/08A2/
  4371. " target="_blank">2008 encore performance</a>, you&rsquo;ve one more chance. Come to the 2008 <a href="http://www.iirusa.com/fuse/fuse-overview.xml" target="_blank">FUSE conference</a>, April 13&ndash;16 at the Chelsea Piers, where Tobias joins Malcolm Gladwell, Stefan Sagmeister, Debbie Millman, Chip Kidd and other sharp tacks for a three-day exploration of design and culture. The Type Tour begins April 13 at 11:00, and places are limited! &mdash;JH</p>]]>
  4372.    </description>
  4373.    <pubDate>Thu, 03 Apr 2008 01:51:00 +0000</pubDate>
  4374.    <guid>https://www.typography.com/blog/type-tour-ii#323</guid>
  4375. </item>
  4376.                   <item>
  4377.    <title><![CDATA[Change We Can Believe In]]></title>
  4378.    <link>https://www.typography.com/blog/change-we-can-believe-in</link>
  4379.    <description>
  4380.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/royal-mint_500.jpg">
  4381.  
  4382. <p><span class="small-caps">Above, the new face of British currency,</span> announced by the <a href="http://www.royalmint.com/newdesigns/designsRevealed.aspx" target="_blank">Royal Mint</a>. The striking new designs, selected from an open competition that attracted four thousand entries, are the work of a 26-year old graphic designer named Matthew Dent. They are Mr. Dent&rsquo;s first foray into currency design.</p>
  4383.  
  4384. <p>Below, the new five dollar bill, introduced last month by the <a href="http://www.moneyfactory.gov/newmoney/" target="_blank">United States Department of the Treasury</a>. The new design, which features a big purple Helvetica five, is the work of a 147-year-old government agency called the United States Bureau of Engraving and Printing. It employs 2,500 people, and has an annual budget of $525,000,000. &mdash;JH</p>
  4385.  
  4386. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/five-spot_500.png">]]>
  4387.    </description>
  4388.    <pubDate>Wed, 02 Apr 2008 21:33:00 +0000</pubDate>
  4389.    <guid>https://www.typography.com/blog/change-we-can-believe-in#322</guid>
  4390. </item>
  4391.                   <item>
  4392.    <title><![CDATA[London Calling]]></title>
  4393.    <link>https://www.typography.com/blog/london-calling</link>
  4394.    <description>
  4395.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/edo-poster2.png">
  4396.  
  4397. <p><span class="small-caps">Just a quick note</span> to let Londoners know that the <a href="http://www.editorialdesign.org/?p=19" target="_blank">Editorial Design Organization</a> will be hosting an evening of editorial typography, featuring Janet Froelich of the <em>New York Times Magazine,</em> and Jonathan Hoefler of H&amp;Co. Free to EDO members, &pound;20 for non-members, &pound;5 for students.</p>
  4398.  
  4399. <p><strong>American Night at the EDO</strong><br />
  4400. Wednesday, April 9, 6:00-9:00pm</p>
  4401.  
  4402. <p>Rootstein Hopkins Space<br />
  4403. London College of Fashion<br />
  4404. 20 John Princes Street, W1G 0BJ<br />
  4405. Inquiries to Gill Branston, 020 8906 4664</p>]]>
  4406.    </description>
  4407.    <pubDate>Wed, 02 Apr 2008 15:08:00 +0000</pubDate>
  4408.    <guid>https://www.typography.com/blog/london-calling#321</guid>
  4409. </item>
  4410.                   <item>
  4411.    <title><![CDATA[Two Fools]]></title>
  4412.    <link>https://www.typography.com/blog/two-fools</link>
  4413.    <description>
  4414.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/estupido_500.png">
  4415.  
  4416. <p><span class="small-caps">I pretty much agree with <a href="http://www.dashes.com/anil/2006/03/your-april-fool.html
  4417. " target="_blank">Anil Dash</a></span> on the topic of wacky April Fools&rsquo; jokes for websites, so instead I thought that today might be a good day to share a piece of genuine idiocy from the archives.</p>
  4418.  
  4419. <p>By the time Tobias and I began working together in 1999, we&#39;d been friends for a decade, and had spent most of the previous years in close contact by phone. Our biographers will report this as a period of august correspondence in which we developed the philosophical framework that would inform our later collaboration, but the truth is that much of this time was spent goofing off, and naturally the arrival of <a href="http://en.wikipedia.org/wiki/Marathon_Trilogy" target="_blank">the internet</a> helped this project immensely.</p>
  4420.  
  4421. <p>Since we&rsquo;d always been the types to tackle exhaustive projects, we both spent most of the nineties utterly exhausted. Many of our late night conversations were wits-end grievances about the impossibility of doing something or other, and these commonly degenerated into a discussion of Dumb Ideas for Typefaces. One of these, which I suggested in 1995, was that the <a href="http://en.wikipedia.org/wiki/OCR-A" target="_blank">OCR-A</a> font &mdash; used on bank statements and designed for optical character recognition &mdash; really needed to be outfitted with a set of swashes. Using Adobe Illustrator, I ginned up the image above in about ten minutes, and sent it to Tobias. His response, which arrived within the hour, was a file named <span class="small-caps">&iexcl;&iexcl;&iexcl;Estupido-Espezial!!!.sit,</span> which contained the following:</p>
  4422. <!--read_more-->
  4423.  
  4424. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/estupido_ezpecial_500.png">
  4425.  
  4426. <p>The full set of swashes are nice, but for me it&rsquo;s the archaic <em>long s</em> that really takes it home.</p>
  4427.  
  4428. <p>I tacked this specimen of <em>Estupido Espezial!!!</em> to my wall, where it immediately became a litmus test for visitors. Most people would say nothing, but woe be unto anyone who admired the thing in earnest: &ldquo;hey, cool font!&rdquo; would immediately land any visitor on the Suspicious Persons list. The best were those who would stare for a moment with bafflement before bursting out laughing, a few of whom became good friends, good clients, or both. Unique among these was my friend Eric Siry, himself late of The Hoefler Type Foundry and by then working at <em>Rolling Stone,</em> where he had soberly convinced the magazine to license Estupido for an upcoming issue. &ldquo;Get yourself a copy of OCR-A, and Estupido&rsquo;s yours for five hundred bucks,&rdquo; I must have said, for a few weeks later I received a check from Wenner Media.</p>
  4429.  
  4430. <p>To this day it&rsquo;s unclear whether Eric had recommended the font with or without irony &mdash; he&rsquo;s tight-lipped on the subject &mdash; but a few months later appeared the <em>Rolling Stone </em>Technology Issue, its entire feature well brilliantly festooned with the font&rsquo;s <a href="http://ericsiry.carbonmade.com/projects/4219657#6">nightmarish tentacles</a>. I knew that Tobias would be deeply horrified that our antics had seen the light of day, and wondered about the best way to break the news to him; after much thought, I decided that the best way would be to tell him immediately before he went on stage at the AIGA National Conference in New Orleans.</p>
  4431.  
  4432. <p>Knowing that the two of us were scheduled to appear together on a panel discussion, I&rsquo;d come to New Orleans with three numbered envelopes for Tobias. The first contained a check for $250, offered without explanation, at which he arched an eyebrow. At the second envelope, all the color drained from his face, as it contained a copy of a license to Rolling Stone for &ldquo;one-time use of the typeface Estupido Espezial.&rdquo; The third envelope, of course, contained a copy of the issue itself, its pages annotated by hundreds of tiny <em>Sign Here</em> flags signalling the most delightful of its many typographic atrocities. During the Q&amp;A session after the talk, I noticed Tobias staring intently into a notebook, and I thought for a moment that he was shaking his head in consternation. Later I learned that he was drawing the following, the final chapter in the Estupido saga. &mdash;JH</p>
  4433.  
  4434. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/estupido-fleuron_500.png">]]>
  4435.    </description>
  4436.    <pubDate>Tue, 01 Apr 2008 12:39:00 +0000</pubDate>
  4437.    <guid>https://www.typography.com/blog/two-fools#320</guid>
  4438. </item>
  4439.                   <item>
  4440.    <title><![CDATA[The Entire 1980s in Three Minutes]]></title>
  4441.    <link>https://www.typography.com/blog/the-entire-1980s-in-three-minutes</link>
  4442.    <description>
  4443.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/DVNO_500.jpg">
  4444.  
  4445. <p><span class="small-caps">Totally loving today:</span> <a href="https://www.youtube.com/watch?v=GiDsLRQg_g4" target="_blank">This video</a> for Justice&rsquo;s <em>DVNO,</em> designed by <a href="http://machinemolle.com/" target="_blank">Machine Molle</a>. It just gets better and better; wait for the very end. The <em>very</em> end. &mdash;JH</p>
  4446.  
  4447. <div class="addendum">
  4448. <p><strong class="label">Update:</strong> DVNO logos <a href="http://www.last.fm/user/syturvy/journal/2008/03/3/664466/" target="_blank">explained</a>.</p>
  4449. </div>]]>
  4450.    </description>
  4451.    <pubDate>Thu, 27 Mar 2008 09:46:00 +0000</pubDate>
  4452.    <guid>https://www.typography.com/blog/the-entire-1980s-in-three-minutes#319</guid>
  4453. </item>
  4454.                   <item>
  4455.    <title><![CDATA[H&Co Crime-Fighting Division]]></title>
  4456.    <link>https://www.typography.com/blog/hco-crime-fighting-division</link>
  4457.    <description>
  4458.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/smoking-gun_500.png">
  4459.  
  4460. <p><span class="small-caps">It was not a dark, stormy night</span> at the H&amp;Co offices, and she was not a dame in a red dress who spelled trouble with a capital T. It&nbsp;was last Friday afternoon, and the caller was Bill Bastone, founder and editor of The Smoking Gun, with a question about forensic typography.</p>
  4461.  
  4462. <p>The story begins with last week&rsquo;s report by the <em>Los Angeles Times</em> that murdered rapper Tupac Shakur was assassinated by associates of Sean &ldquo;Diddy&rdquo; Combs. The <em>Times</em> appears to have relied heavily on a set of FBI reports &mdash; <em>302s,</em> in the argot &mdash; which cannot be found in the FBI&rsquo;s own files. This morning, <a href="http://www.thesmokinggun.com/archive/years/2008/0325081sabatino1.html" target="_blank">The Smoking Gun</a> suggests that these may be the work of an accomplished document forger named James Sabatino, who conducted his hoax from within the walls of the Allenwood Federal Correctional Complex in Pennsylvania.</p>
  4463.  
  4464. <p>We&rsquo;re not experts in forensic typography or document authentication, but were able to point TSG&rsquo;s specialists toward one subtle typographic clue. To untrained eyes including ours, the three 302s look like genuine bureaucratic dross: form elements are typeset in a proportionally-spaced font that appears to be Times Roman, and the body of each document is filled in with a typewriter. (The occasional overstruck letter, as well as some very erratic line endings, suggest a typewriter rather than a word processor; never mind that the Bureau stopped using typewriters &ldquo;about 30 years ago,&rdquo; according to an FBI supervisor.)</p>
  4465.  
  4466. <p>But a telltale gaffe appears at the top of one document, in which the date is rendered in the proportionally-spaced font. The &ldquo;advance width&rdquo; of the periods are demonstrably narrower than that of the numbers around them (typewriter periods are famously aloof from their neighbors), suggesting that at least this part of the document was prepared digitally &mdash; but only this part of the document, and only this one document from the set of three. The Smoking Gun has all three documents online: compare them <a href="http://www.thesmokinggun.com/archive/years/2008/0325081fbione1.html" target="_blank">here</a>, <a href="http://www.thesmokinggun.com/archive/years/2008/0325081fbitwo1.html" target="_blank">here</a>, and <a href="http://www.thesmokinggun.com/archive/years/2008/0325081fbithree1.html" target="_blank">here</a>. <em>You owe me, Diddy.</em> &mdash;JH</p>]]>
  4467.    </description>
  4468.    <pubDate>Wed, 26 Mar 2008 08:24:00 +0000</pubDate>
  4469.    <guid>https://www.typography.com/blog/hco-crime-fighting-division#318</guid>
  4470. </item>
  4471.                   <item>
  4472.    <title><![CDATA[Selectric Days]]></title>
  4473.    <link>https://www.typography.com/blog/selectric-days</link>
  4474.    <description>
  4475.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/selectric-days_500.png">
  4476.  
  4477. <p><span class="small-caps">My reputation compels me</span> to deny that I ever spent adolescent weekends hanging out at Tannen&rsquo;s Magic Shop or The Compleat Strategist, and I certainly never wasted sunny afternoons playing with the Ohio Scientific computer downstairs at Polk&rsquo;s Hobby Shop (even if it did have Lunar Lander <em>in 16 colors.</em>) But having burnished my nerd credentials through a career as a type designer, it seems safe to admit that, as a teen, I sported an enviable collection of <a href="http://www-03.ibm.com/ibm/history/exhibits/vintage/vintage_4506VV2122.html" target="_blank">golf balls</a> for the family typewriter, a beloved IBM Selectric II.</p>
  4478.  
  4479. <p>Yesterday, a conversation with my friend <a href="http://www.talleming.com/" target="_blank">Tal</a> induced a Proustian flash in which I recalled &mdash; and was actually able to find in the studio&rsquo;s library &mdash; the above: entitled &ldquo;GP Technologies Typing Element Handbook,&rdquo; it&rsquo;s a brochure from the early eighties that shows the complete range of styles available for the IBM Selectric typewriter. Sure, I had <em>Courier, Orator,</em> and both <em>Prestige Pica</em> and <em>Prestige Elite,</em> but it was more exotic numbers like these that I really went in for. A major coup was scoring <em>Olde English,</em> warts and all (let&rsquo;s talk about that capital <strong class="alternate">H</strong> some time), but my unattainable Philosopher&rsquo;s Stone was <em>Oriental,</em> which no office supply shop in the five boroughs seemed to carry. What I would have done with the typeface is anyone&rsquo;s guess (utility isn&rsquo;t always relevant to the completist), but I can only imagine, given the font&rsquo;s facile design and appalling intent, that it would have been something spectacularly ghastly.</p>
  4480.  
  4481. <p>Still, there are things to admire in old <em>Oriental.</em> Its ampersand is a model of efficiency, and the economy of its at-sign (@) is downright clever. That this goofball font was outfitted with such serious accessories as a paragraph mark and a set of fractions hints at the work of a wicked mind, not unlike that of the latter-day typefounder who soberly includes an <a href="https://www.typography.com/fonts/requiem/features/requiem-italic-ligatures/" target="_blank"><strong class="alternate">fffl</strong> ligature</a> in text face. Perhaps these are subtle absurdities that lie in wait for attentive eyes, or perhaps they really are useful things to have in a font. In either case, it seems evident that type designers of all ages are, in their hearts, completists. &mdash;JH</p>]]>
  4482.    </description>
  4483.    <pubDate>Wed, 19 Mar 2008 11:56:00 +0000</pubDate>
  4484.    <guid>https://www.typography.com/blog/selectric-days#317</guid>
  4485. </item>
  4486.                   <item>
  4487.    <title><![CDATA[St. Patrick’s Type]]></title>
  4488.    <link>https://www.typography.com/blog/st.-patricks-type</link>
  4489.    <description>
  4490.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/roman-scherer-1_500.jpg">
  4491.  
  4492. <p><span class="small-caps">Three of my favorite things</span> are <a href="https://www.typography.com/blog/indy-boys-fly-the-biggest-heds" target="_blank">big type</a>, <a href="https://www.typography.com/fonts/shades/overview/" target="_blank">chromatic type</a>, and <a href="https://www.typography.com/blog/grecian-fonts-a-miscellany" target="_blank">type specimen books</a>, and St. Patrick&rsquo;s Day offers the perfect occasion to bring all three interests to the table, literally. Parked here at our conference table is the 1904 type specimen of the Roman Scherer company, a wood type manufacturer in Luzern who specialized in two-color type. This page shows the shamrocked &ldquo;Serie 5401&rdquo; in the gargantuan size of 40 ciceros &mdash; that&rsquo;s a cap height of almost seven inches (173 mm) &mdash; which cleverly gives the illusion of a third color by overprinting red and green to produce a perfect black.</p>
  4493.  
  4494. <p>The font was manufactured in at least six sizes, none of which have we ever seen in the wild: like the rest of Roman Scherer&rsquo;s other chromatic faces, which I&rsquo;ll post later, these seem to have vanished into obscurity. &mdash;JH</p>
  4495.  
  4496. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/roman-scherer-2_500.jpg">]]>
  4497.    </description>
  4498.    <pubDate>Mon, 17 Mar 2008 09:09:00 +0000</pubDate>
  4499.    <guid>https://www.typography.com/blog/st.-patricks-type#316</guid>
  4500. </item>
  4501.                   <item>
  4502.    <title><![CDATA[Digital Analog]]></title>
  4503.    <link>https://www.typography.com/blog/digital-analog</link>
  4504.    <description>
  4505.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/digital-analog_500.jpg">
  4506.  
  4507. <p><span class="small-caps">Writing about the glories of the <a href="https://www.typography.com/blog/typographic-gifts-for-designers-part-7" target="_blank">nixie tube</a></span> last December, I wondered aloud whether there&rsquo;s anyone alive who has any affection for the ubiquitous <a href="http://en.wikipedia.org/wiki/Seven-segment_display" target="_blank">LED display</a>. Today I have my answer.</p>
  4508.  
  4509. <p>At RISD, BFA candidate <a href="http://alvinaronson.com/" target="_blank">Alvin Aronson</a> has made the witty and beautiful &ldquo;d/a clock,&rdquo; in which seven-segment LED numbers are made manifest in Corian and wood. There&rsquo;s something irresistable about digital artifacts come to life; watching this <a href="http://www.youtube.com/watch?v=zQWmiSLYVaQ" target="_blank">mesmerizing video</a> of Aronson&rsquo;s functioning clock, I&rsquo;m reminded of the <a href="http://en.wikipedia.org/wiki/Orchestral_Game_Concert" target="_blank">Game Music Concerts</a> in which the Tokyo Philharmonic performed the themes from <em>Super Mario Brothers</em> and <em>The Legend of Zelda.</em> Like these, Aronson&rsquo;s work is certainly mordant and entertaining, but it&rsquo;s undeniably Art. &mdash;JH</p>]]>
  4510.    </description>
  4511.    <pubDate>Thu, 13 Mar 2008 17:53:00 +0000</pubDate>
  4512.    <guid>https://www.typography.com/blog/digital-analog#315</guid>
  4513. </item>
  4514.                   <item>
  4515.    <title><![CDATA[A Font Tip for Leopard Users]]></title>
  4516.    <link>https://www.typography.com/blog/a-font-tip-for-leopard-users</link>
  4517.    <description>
  4518.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/font-quickview.png">
  4519.  
  4520. <p><span class="small-caps">A nifty feature</span>&nbsp;of Mac OS X 10.5 (&ldquo;Leopard&rdquo;) is <a href="http://www.apple.com/macosx/features/quicklook.html" target="_blank">Quick Look</a>, a tool in the Finder that allows you to preview collections of files at a glance.&nbsp;Popular for images, Quick Look is useful for fonts as well, as it allows both styles and families to be examined without leaving the Finder.</p>
  4521.  
  4522. <p>In the Finder, select a bunch of fonts and hit the space bar. Shown here is the result for <a href="https://www.typography.com/fonts/archer/overview/">Archer</a>; clicking any individual style reveals the core character set for that font, along with buttons for paging through the collection one font at a time. There&rsquo;s even a slideshow mode, and the obligatory animation when switching modes that&rsquo;s completely gratuitous but charming nonetheless. Check it out! &mdash;JH</p>]]>
  4523.    </description>
  4524.    <pubDate>Thu, 13 Mar 2008 15:08:00 +0000</pubDate>
  4525.    <guid>https://www.typography.com/blog/a-font-tip-for-leopard-users#314</guid>
  4526. </item>
  4527.                   <item>
  4528.    <title><![CDATA[Pilcrow & Capitulum]]></title>
  4529.    <link>https://www.typography.com/blog/pilcrow-capitulum</link>
  4530.    <description>
  4531.        <![CDATA[<p><span class="small-caps">My <a href="https://www.typography.com/blog/the-sulzbacher-eszett" target="_blank">last post</a></span> made passing mention of the pleasures of designing the paragraph mark, prompting one reader to rightly ask, &ldquo;how much fun can it really be to draw a backwards <strong class="alternate">P</strong>?&rdquo; [<em>No more fun than it is to draw the rest of that font you&rsquo;re using, matey. &mdash;Ed.</em>] It may not seem obvious, but the lowly paragraph mark really does offer ample opportunity for invention.</p>
  4532.  
  4533. <p>Like most punctuation, the paragraph mark (or <em>pilcrow</em>) has an exotic history. It&rsquo;s tempting to recognize the symbol as a &ldquo;P for paragraph,&rdquo; though the resemblance is incidental: in its original form, the mark was an open <strong class="alternate">C</strong> crossed by a vertical line or two, a scribal abbreviation for <em>capitulum,</em> the Latin word for &ldquo;chapter.&rdquo; Because written forms evolve through haste, the strokes through the C gradually came to descend further and further, its overall shape ultimately coming to resemble the modern &ldquo;reverse P&rdquo; by the beginning of the Renaissance. Early liturgical works, in imitation of written manuscripts, favored the traditional C-shaped capitulum; many modern bibles still do. A capitulum is by no means out of place in a modern font, either: top row center is <a href="https://www.typography.com/fonts/didot/overview/" target="_blank">H&amp;Co Didot</a>, whose neoclassical origins suggested the inclusion of a shape from antiquity.</p>
  4534.  
  4535. <p>Above, a pageant of pilcrows from some of our fonts, suggesting that the possibilities are indeed endless. There seem to be eight fundamental questions that inform the shape of the pilcrow: <strong class="alternate">(1)</strong> Should the form be P-like or C-like? <strong class="alternate">(2)</strong> Should there be one stroke or two? <strong class="alternate">(3)</strong> Should the bowl be solid or open? <strong class="alternate">(4)</strong> Should the bottom of the strokes be plain, seriffed, or flourished? <strong class="alternate">(5)</strong> Should the top right corner finish with a serif or not? <strong class="alternate">(6)</strong> Should the bowl exhibit contrast to match the alphabet, or be monolinear like the mathematical operators? <strong class="alternate">(7)</strong> Should the bowl connect with the first stroke, the second stroke, both, or neither? <strong class="alternate">(8) </strong>Should the character align with the capitals, or descend to match the lowercase? Together these simple decisions offer 768 possible outcomes, none of which even begins to anticipate the stylized can-opener of <a href="https://www.typography.com/fonts/whitney/overview/" target="_blank">Whitney</a> or the bent paperclip of <a href="https://www.typography.com/fonts/cyclone/overview/" target="_blank">Cyclone</a>.&nbsp;[Or the post-mounted mailbox of <a href="https://www.typography.com/fonts/idlewild/overview/">Idlewild</a>, or the ski rope handle of <a href="https://www.typography.com/fonts/landmark/overview/">Landmark Dimensional</a>, now included above.]</p>
  4536.  
  4537. <p>In any case, <em>Pilcrow &amp; Capitulum</em> would make a fine name for a pub, and a grand place to host a typographers&rsquo; <a href="http://www.worldwidewords.org/weirdwords/ww-way1.htm" target="_blank">wayzgoose</a>. Or perhaps it&rsquo;s a buddy movie about crime-fighting bibliographers: Capitulum wears cable knit sweaters and drinks single malt, and Pilcrow is a ladies&rsquo; man who drives an Austin Healey. Catch their zany antics and madcap adventures, etc, etc. &mdash;JH</p>]]>
  4538.    </description>
  4539.    <pubDate>Wed, 12 Mar 2008 09:00:00 +0000</pubDate>
  4540.    <guid>https://www.typography.com/blog/pilcrow-capitulum#313</guid>
  4541. </item>
  4542.                   <item>
  4543.    <title><![CDATA[The Sulzbacher Eszett]]></title>
  4544.    <link>https://www.typography.com/blog/the-sulzbacher-eszett</link>
  4545.    <description>
  4546.        <![CDATA[<p><span class="small-caps">Our designers are often asked</span> if there are particular letters that we especially enjoy drawing. Office doodles testify to the popularity of the letter <strong class="alternate">R</strong>, perhaps because it synopsizes the rest of the alphabet in one convenient package (it&rsquo;s got a stem, a bowl, serifs both internal and external, and of course that marvelous signature gesture, the tail.) A quick straw poll names <strong class="alternate">a</strong>, <strong class="alternate">r</strong>, <strong class="alternate">f</strong> and <strong class="alternate">e</strong> as popular letters too, as well as the figures <strong class="alternate">2</strong> and <strong class="alternate">5</strong>, and our resident Cyrillist admits a soft spot for the swash capital <em>dje</em> (<strong class="alternate">&#1026;</strong>.) The back end of the character set definitely invites invention as well: steely designers always appreciate a well-made paragraph mark or double dagger, and we certainly have our fun drawing them.</p>
  4547.  
  4548. <p>One character that&rsquo;s especially gratifying to get right is the <em>eszett,</em> if only because it so stubbornly resists being figured out. Eszetts can follow any number of constructions, from the romanized <em>long-s-short-s</em> of <a href="https://www.typography.com/fonts/archer/overview/" target="_blank">Archer</a> to the more Teutonic <em>long-s-meets-z</em> of <a href="https://www.typography.com/fonts/verlag/overview/" target="_blank">Verlag</a>. Most fonts strike some balance between these extremes, introducing internal shapes that echo other parts of the character set (as in <a href="https://www.typography.com/fonts/mercury-display/overview/" target="_blank">Mercury</a>) or using simplified geometries that reinforce the philosophy behind the overall design (as in <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a>.)</p>
  4549.  
  4550. <p>Historian James Mosley has posted an essay about the eszett to his indispensable <a href="http://typefoundry.blogspot.com/2008/01/esszett-or.html
  4551. " target="_blank">Typefoundry</a> blog, which sheds some light on the character&rsquo;s checkered past. (The eszett lives in contemporary German as a ligatured form of the double s, but its very name means <em>s-z;</em> Mosley explains why.) An especially welcome gift from the essay is the correct technical name for the romanized &szlig;: it is the &ldquo;Sulzbacher form,&rdquo; after Abraham Lichtenthaler, the seventeenth century printer denizened in the Bavarian town of Sulzbach, who is credited with introducing the character to roman printing type. &mdash;JH</p>]]>
  4552.    </description>
  4553.    <pubDate>Sat, 08 Mar 2008 03:32:00 +0000</pubDate>
  4554.    <guid>https://www.typography.com/blog/the-sulzbacher-eszett#312</guid>
  4555. </item>
  4556.                   <item>
  4557.    <title><![CDATA[All The News That’s Fit To Write]]></title>
  4558.    <link>https://www.typography.com/blog/all-the-news-thats-fit-to-write</link>
  4559.    <description>
  4560.        <![CDATA[<p><span class="small-caps">The distance between handwriting and typography</span> is at its greatest in the West. It&rsquo;s been more than five centuries since the Latin alphabet, as we experience it in type, looked anything like letters made with a pen; the very anatomy of our alphabet, with its stonemason&rsquo;s &ldquo;serifs&rdquo; and printer&rsquo;s &ldquo;cases,&rdquo; has come a very long way from writing indeed. It can hardly be surprising that as type has come to represent the official, the sanctioned, and the eternal, handwriting has become an almost trivial appendix to our notion of what letters look like.</p>
  4561.  
  4562. <p>It&rsquo;s especially easy for Westerners to forget what a minority opinion this is. Most of the world attaches special significance to the hand-written, and lives with an intimate knowledge of its forms and an appreciation of its cultural and social dimensions. A Chinese businessperson of stature can be expected not only to admire the calligraphy in a colleague&rsquo;s office, but to correctly identify it as the work of <a href="http://en.wikipedia.org/wiki/Emperor_Huizong_%28Song_Dynasty%29" target="_blank">Song Huizong</a>, and to discuss its virtues with erudition. Contrast this with his American counterpart, who can go an entire career without needing to learn the name of his corporate typeface.</p>
  4563.  
  4564. <p>Both senses of the word &ldquo;writing&rdquo; remain united in the Arab world, where calligraphy and literacy are at times inseparable. Nowhere is this more evident than in the offices of <em>The Musalman,</em> a Chennai newspaper published since 1927, which has the extraordinary virtue of being the world&rsquo;s last surviving newspaper written entirely by hand. &ldquo;We somehow manage to make ends meet,&rdquo; says one of the newspaper&rsquo;s four calligraphers (or <em>katibs</em>) who every day devotes three hours to a single page. &ldquo;There&rsquo;s no monetary benefit for us, we are just here to learn Urdu.&rdquo;</p>
  4565.  
  4566. <p>The handwritten newspaper gained wider attention last summer when <em><a href="http://www.wired.com/culture/lifestyle/multimedia/2007/07/gallery_calligraphers" target="_blank">Wired</a></em> dispatched photojournalist <a href="http://www.scottcarneyonline.com/photos/Musalmaan%20Paper%20Photos/album/" target="_blank">Scott Carney</a> to document <em>The Musalman&rsquo;s</em> inner workings. Later this year, we may learn more about the paper&rsquo;s inevitable entanglement with digital typography, when Premjit Ramachandran releases his documentary film <em><a href="http://musalman.100hands.net/" target="_blank">The Last Calligraphers</a>.</em> &mdash;JH</p>]]>
  4567.    </description>
  4568.    <pubDate>Fri, 22 Feb 2008 10:42:00 +0000</pubDate>
  4569.    <guid>https://www.typography.com/blog/all-the-news-thats-fit-to-write#311</guid>
  4570. </item>
  4571.                   <item>
  4572.    <title><![CDATA[…and Non-Fontogenic…]]></title>
  4573.    <link>https://www.typography.com/blog/and-non-fontogenic</link>
  4574.    <description>
  4575.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typography-com_mccain-hillary-640px.jpg">
  4576.  
  4577. <p><span class="small-caps">A journalist recently asked</span> what it is about Gotham that we think suits the Obama campaign. We&rsquo;ll defer to designers John Slabyk and Scott Thomas to make that call &mdash; they selected the font for Obama for America, we merely provided it &mdash; but one thing we can say as type designers is that <a href="https://www.typography.com/fonts/gotham/overview">Gotham</a> isn&rsquo;t pretending to be anything it&rsquo;s not, which makes it an unusual and refreshing choice for a campaign. Political typefaces have a way of being chosen because they underscore (or imagine) some specific aspect of a candidate, working hard to convey &ldquo;traditional values&rdquo; or &ldquo;strength and vigilance,&rdquo; or any number of graspable populist notions. The only thing Gotham works hard at is being Gotham.</p>
  4578.  
  4579. <p>2008 is clearly a year of unusual thinking in political circles, because none of these familiar approaches can explain the utterly confounding typographic dress chosen by Senators Hillary Clinton and John McCain. Hillary&rsquo;s snooze of a serif might have come off a heart-healthy cereal box, or a mildly embarrassing over-the-counter ointment; if you&rsquo;re feeling generous you might associate it with a Board of Ed circular, or an obscure academic journal. But Senator McCain&rsquo;s typeface is positively mystifying: after three decades signifying a very down-market notion of luxe, this particular sans serif has settled into being the font of choice for the hygiene aisle. One of McCain&rsquo;s campaign themes is &ldquo;Making Tough Choices:&rdquo; is this the one you would have made? &mdash;JH</p>]]>
  4580.    </description>
  4581.    <pubDate>Fri, 22 Feb 2008 03:35:00 +0000</pubDate>
  4582.    <guid>https://www.typography.com/blog/and-non-fontogenic#310</guid>
  4583. </item>
  4584.                   <item>
  4585.    <title><![CDATA[Fontogenic]]></title>
  4586.    <link>https://www.typography.com/blog/fontogenic</link>
  4587.    <description>
  4588.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/change-08_500.jpg">
  4589.  
  4590. <p><span class="small-caps">Veteran campaigners know</span> that the best way to gain someone&rsquo;s vote is to be photographed holding their baby. It seems that the same goes for fonts: it&rsquo;s hard to take a non-partisan stance when one of the candidates looks so good standing in front of your typeface. <em>Helvetica</em> director Gary Hustwit shared this image with us, along with a hopeful observation about both the candidate and the typeface behind him:</p>
  4591.  
  4592. <blockquote class="excerpt">&ldquo;I think it&rsquo;s interesting that the design of <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a> was influenced by early Modernism, another movement that was about change and social idealism. And I like that the design aesthetic that may help move Obama into the White House was inspired by the humble <a href="https://www.typography.com/fonts/gotham/history/" target="_blank">NY Port Authority Bus Terminal sign</a>.&rdquo;</blockquote>
  4593.  
  4594. <p><a href="http://www.helveticafilm.com/blog/2008/02/19/a-font-we-can-believe-in/" target="_blank">A Font We Can Believe In</a>, from the Helvetica Film Blog. &mdash;JH</p>]]>
  4595.    </description>
  4596.    <pubDate>Fri, 22 Feb 2008 03:34:00 +0000</pubDate>
  4597.    <guid>https://www.typography.com/blog/fontogenic#309</guid>
  4598. </item>
  4599.                   <item>
  4600.    <title><![CDATA[Stupendo Memento Mori]]></title>
  4601.    <link>https://www.typography.com/blog/stupendo-memento-mori</link>
  4602.    <description>
  4603.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/wrong-font_500.jpg">
  4604.  
  4605. <p>BREAKING &mdash; <a href="http://www.theonion.com/content/from_print/wrong_font_chosen_for" target="_blank">Wrong Font Chosen for Gravestone</a>.</p>
  4606.  
  4607. <p>And it&rsquo;s <a href="http://www.marksimonson.com/article/19/HowDidHeDoIt" target="_blank">not the first time</a>. &mdash;JH</p>]]>
  4608.    </description>
  4609.    <pubDate>Wed, 20 Feb 2008 08:46:00 +0000</pubDate>
  4610.    <guid>https://www.typography.com/blog/stupendo-memento-mori#308</guid>
  4611. </item>
  4612.                   <item>
  4613.    <title><![CDATA[Fantasy League Typography]]></title>
  4614.    <link>https://www.typography.com/blog/fantasy-league-typography</link>
  4615.    <description>
  4616.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/duke-sheet-music-1_500.jpg">
  4617.  
  4618. <p><span class="small-caps">One of the things I most love</span> about the design of the late nineteenth century is its unpredictability. Across all of the decorative arts there was a strong emphasis on novelty, and a succession of new technologies made it easier than ever to execute these strange and untested ideas. (You can see this in the terra cotta work of architect <a href="http://en.wikipedia.org/wiki/Louis_Sullivan" target="_blank">Louis Sullivan</a>, or the elaborate inlays of furniture designer <a href="http://en.wikipedia.org/wiki/Herter_Brothers" target="_blank">Gustav Herter</a>.) The period was a riot of ornament, and to be sure, much of the work was awful: most of what we remember today is hopelessly clich&eacute;, or cloyingly overwrought. But then there are moments like these.</p>
  4619.  
  4620. <p>Above is a piece of nineteenth century engraving, which looks as if it might have been the product of a CalArts group project by Wim Crouwel and Louise Fili. (The rest of my fantasy league is no less oddball; images after the jump evoke Jonathan Barnbrook vs. John Downer, and Max Kisman vs. Marian Bantjes.) These excerpts come from an incredible collection of American sheet music from the period 1850-1920, currently being <a href="http://library.duke.edu/digitalcollections/hasm/browse/1870-1879
  4621. " target="_blank">exhibited online</a> by Duke University. The documents from the 1870s are my favorites, many of which are from the hand of an engraver named Reed (note his signature hiding in the fourth image below.) His stylistic pairings are among the more remarkable &mdash; above, the constructed sans serif and swelled rules are unexpected bedfellows. But some of my favorite moments are those in which unrelated visual agendas collide in the letterforms themselves. Is there anything more fabulous than the monoline blackletter of &ldquo;Mazurka Elegante&rdquo; below, or the squared-off shapes of the final line, &ldquo;Tiny Birdlings of the Air?&rdquo; <em>Will you check out that lowercase <strong class="alternate">g</strong>?</em> &mdash;JH</p>
  4622.  
  4623. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/duke-sheetmusic_500.jpg">]]>
  4624.    </description>
  4625.    <pubDate>Tue, 12 Feb 2008 07:12:00 +0000</pubDate>
  4626.    <guid>https://www.typography.com/blog/fantasy-league-typography#307</guid>
  4627. </item>
  4628.                   <item>
  4629.    <title><![CDATA[Politics Without Gotham]]></title>
  4630.    <link>https://www.typography.com/blog/politics-without-gotham</link>
  4631.    <description>
  4632.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/fairey_500.png">
  4633.  
  4634. <p><span class="small-caps">Not all <a href="https://www.typography.com/blog/a-change-we-made" target="_blank">political typography</a></span> has to be set in <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a> (though it <a href="https://www.typography.com/blog/a-banner-day" target="_blank">seems</a> that way) &mdash; here for example are some calls to action by Shepherd Fairey that don&rsquo;t use any Gotham at all. They use <a href="https://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout No. 48</a>.</p>
  4635.  
  4636. <p>Designers in Louisiana, Nebraska, Washington, and Maine have primaries this weekend; Virginia, Maryland and DC, you&rsquo;re up Tuesday. This means <a href="http://exceptyou.org/participate.asp" target="_blank">you</a>. &mdash;JH</p>]]>
  4637.    </description>
  4638.    <pubDate>Fri, 08 Feb 2008 06:29:00 +0000</pubDate>
  4639.    <guid>https://www.typography.com/blog/politics-without-gotham#306</guid>
  4640. </item>
  4641.                   <item>
  4642.    <title><![CDATA[The Evolution of Tech Logos]]></title>
  4643.    <link>https://www.typography.com/blog/the-evolution-of-tech-logos</link>
  4644.    <description>
  4645.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nokia-logo.gif">
  4646.  
  4647. <p><span class="small-caps">It took a visit</span> to Finland in 1996 to realize that Nokia the cellphone company and Nokia the tire company were one and the same. Apparently these are merely the latest stops on a very long journey: Nokia was founded in 1865 as a wood-pulp mill, on a channel of rapids between two Finnish lakes, all of which goes to explain why the company&rsquo;s original logo was this slightly alarmed salmon.</p>
  4648.  
  4649. <p>Neatorama is running a very entertaining look at the <a href="http://www.neatorama.com/2008/02/07/the-evolution-of-tech-companies-logos/" target="_blank">evolution of tech companies&rsquo; logos</a>, which includes such well-known corkers as IBM&rsquo;s grand typographic <a href="http://www-03.ibm.com/ibm/history/exhibits/logo/logo_5.html" target="_blank">globe</a>, and the short-lived <a href="http://en.wikipedia.org/wiki/Image:Apple_first_logo.png" target="_blank">Apple</a> logo (that still makes me hear strains of &ldquo;Carry On My Wayward Son.&rdquo;) Less publicized, with good reason, is the original Canon logo &mdash; <em>n&eacute;e</em> <a href="http://www.canon.com/about/mark/origin.html" target="_blank">Kwanon</a> &mdash; which had all the worldly sophistication of a Charlie Chan movie. I&rsquo;m gravely concerned for the Motorola logo, though: it&rsquo;s memorable, distinctive, and typographically lovely; there&rsquo;s absolutely nothing wrong with it, which means it&rsquo;s probably next in line for the ax. (Xerox, I&rsquo;m looking at you.) So I&#39;m adding this one to the <em>H&amp;Co Endangered Logo Watchlist</em>, and offering 3:2 odds on a tragic redesign before the decade&rsquo;s out. &mdash;JH.</p>]]>
  4650.    </description>
  4651.    <pubDate>Thu, 07 Feb 2008 16:53:00 +0000</pubDate>
  4652.    <guid>https://www.typography.com/blog/the-evolution-of-tech-logos#305</guid>
  4653. </item>
  4654.                   <item>
  4655.    <title><![CDATA[Indy Boys Fly The Biggest Heds]]></title>
  4656.    <link>https://www.typography.com/blog/indy-boys-fly-the-biggest-heds</link>
  4657.    <description>
  4658.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/indy-super.jpg">
  4659.  
  4660. <p><span class="small-caps">Now that&rsquo;s what I call</span> a banner headline. Yesterday&rsquo;s <em>Indy Star</em> had a nice enough 180pt <a href="http://www.typography.com/fonts/gotham/inside/gotham-condensed" target="_blank">Gotham Condensed</a> on page one, but it took a win for the Colts in Superbowl XLI to produce this whopper: a 9,800pt headline emblazoned on the outside of the newspaper&rsquo;s offices. Biggest Gotham ever?</p>
  4661.  
  4662. <p>Eli Manning&rsquo;s got to be wondering why, after quarterbacking the Giants to a victory in Superbowl <span class="small-caps">XLII,</span> he hasn&rsquo;t gotten the same reception as his brother Peyton here. Every single one of the New York dailies uses an H&amp;Co font, and our office buildings are considerably taller: couldn&rsquo;t <a href="http://en.wikipedia.org/wiki/New_York_Times_Building" target="_blank">620 Eighth Avenue</a> or <a href="http://en.wikipedia.org/wiki/Daily_News_Building" target="_blank">220 West 42nd Street</a> manage a Gotham Condensed headline in 50,000pt? (Where&rsquo;s that <a href="http://en.wikipedia.org/wiki/The_Gates" target="_blank">Christo</a> guy when you need him?) &mdash;JH</p>]]>
  4663.    </description>
  4664.    <pubDate>Thu, 07 Feb 2008 07:42:00 +0000</pubDate>
  4665.    <guid>https://www.typography.com/blog/indy-boys-fly-the-biggest-heds#304</guid>
  4666. </item>
  4667.                   <item>
  4668.    <title><![CDATA[A Banner Day]]></title>
  4669.    <link>https://www.typography.com/blog/a-banner-day</link>
  4670.    <description>
  4671.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/banner-heads_500.jpg">
  4672.  
  4673. <p><span class="small-caps">Primary season means banner headlines,</span> and banner headlines mean <a href="https://www.typography.com/collections/condensed/" target="_blank">condensed fonts</a>. Above, some of our favorite Gothamophiles working hard to cement Gotham&rsquo;s connection to <a href="https://www.typography.com/blog/a-change-we-made" target="_blank">politics</a>; here&rsquo;s <a href="https://www.typography.com/fonts/gotham/styles/" target="_blank">Gotham Condensed</a> being put through its paces at a range of sizes. Scott Goldman wins the size prize at <em>The Indianapolis Star</em> &mdash; and his state wasn&rsquo;t even voting yesterday!</p>
  4674.  
  4675. <p>We&rsquo;ll post some political front pages from the New York papers, provided they ever stop talking about the Superbowl. &mdash;JH</p>]]>
  4676.    </description>
  4677.    <pubDate>Wed, 06 Feb 2008 17:30:00 +0000</pubDate>
  4678.    <guid>https://www.typography.com/blog/a-banner-day#303</guid>
  4679. </item>
  4680.                   <item>
  4681.    <title><![CDATA[Not Playing at a Theater Near You]]></title>
  4682.    <link>https://www.typography.com/blog/not-playing-at-a-theater-near-you</link>
  4683.    <description>
  4684.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/saved_by_wireless3.jpg">
  4685.  
  4686. <p><span class="small-caps">Now appearing</span> at <em>Vanity Fair</em> is a great exhibit of <a href="http://www.vanityfair.com/culture/features/2008/02/lobbycards_slideshow200802" target="_blank">lobby cards</a> from the collection of the late <a href="http://www.leonardschradercollection.com/" target="_blank">Leonard Schrader</a>. From Schrader&rsquo;s collection of <em>8,462 items</em> the editors have chosen an attractive and representative set of 36 that celebrates the golden age of lettering, before its ultimate fall to typography.</p>
  4687.  
  4688. <p>At left, an excerpt from <em>Saved by Wireless</em>, Joe and Mia May&rsquo;s 1919 epic about which the IMDB is strangely <a href="http://www.imdb.com/name/nm0562069/" target="_blank">silent</a>. (Judging from the cavemen, presumably it does not deal with the convenience of 802.11; been there, though.) Other highlights include MGM&rsquo;s <em><a href="http://www.vanityfair.com/culture/features/2008/02/lobbycards_slideshow200802?slide=36" target="_blank">The Devil Doll</a>,</em> whose inside-out lettering prefigures Roger Excoffon&rsquo;s <em>Calypso</em> typeface of 1958, and Fritz Lang&rsquo;s <a href="http://www.vanityfair.com/culture/features/2008/02/lobbycards_slideshow200802?slide=13" target="_blank"><em>Metropolis</em></a> rendered in a whimsical style of lettering that befits the movie&rsquo;s cheery themes of dystopianism, technological isolation, and internecine strife. For ages six and up. &mdash;JH</p>]]>
  4689.    </description>
  4690.    <pubDate>Wed, 06 Feb 2008 11:18:00 +0000</pubDate>
  4691.    <guid>https://www.typography.com/blog/not-playing-at-a-theater-near-you#302</guid>
  4692. </item>
  4693.                   <item>
  4694.    <title><![CDATA[Introducing Archer]]></title>
  4695.    <link>https://www.typography.com/blog/archer-a-new-font-from-hco</link>
  4696.    <description>
  4697.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/archer-release_responsive-2.svg">
  4698.  
  4699. <p><span class="small-caps">We&rsquo;re delighted to introduce <strong>Archer</strong>&reg;,</span> a new slab serif in forty styles. Sweet but not saccharine, earnest but not grave, Archer is designed to hit just the right notes of forthrightness, credibility, and charm. Romans and italics in eight weights each, including a delicate hairline for display work, and featuring small caps, fractions, tabular figures, and our Expanded Latin character set for extended language support. Now shipping in OpenType, with prices starting at $149, plus special savings when you order two or more Archer packages.</p>]]>
  4700.    </description>
  4701.    <pubDate>Mon, 28 Jan 2008 08:06:00 +0000</pubDate>
  4702.    <guid>https://www.typography.com/blog/archer-a-new-font-from-hco#301</guid>
  4703. </item>
  4704.                   <item>
  4705.    <title><![CDATA[Elliott Puckette at Paul Kasmin Gallery]]></title>
  4706.    <link>https://www.typography.com/blog/elliott-puckette-at-paul-kasmin-gallery</link>
  4707.    <description>
  4708.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/puckette_500.jpg">
  4709.  
  4710. <p><span class="small-caps">If you suspect that my typographic leanings</span> affect my taste for other visual arts, it will come as no surprise to learn how much I love the work of Elliott Puckette. There&rsquo;s a show of her recent work at <a href="http://www.paulkasmingallery.com/artists/elliott-puckette/
  4711. " target="_blank">Paul Kasmin Gallery</a> in New York, which runs through February 23: do not miss it.</p>
  4712.  
  4713. <p>An interesting counterpoint to the works themselves is Judith Goldman&rsquo;s interview with the artist, published in the exhibition catalog. Puckette counts Oleg Grabar&rsquo;s study of <a href="http://www.riifs.org/journal/essy_v2no2_grbar.htm" target="_blank">Islamic calligraphy</a> among her influences, along with the <a href="http://en.wikipedia.org/wiki/Asemic
  4714. " target="_blank">asemic writing</a> of artists such as <a href=" http://www.herenow.com.au/asemic.net/" target="_blank">Henri Michaux</a>. She mentions other influences that are further afield, and less directly evident in her work: the physiognomical portraits of <a href="https://www.npg.org.uk/collections/search/person/mp63867/johann-caspar-lavater" target="_blank">Johann Caspar Lavater</a>, the <a href="http://en.wikipedia.org/wiki/Celestial_Alphabet" target="_blank">Celestial Alphabet</a>, and the <a href="http://www.flavinscorner.com/fellegypt.htm" target="_blank">Walam Olum</a>, among others. But most striking to me was this comment, in which Puckette describes how she began using a razor as a tool:</p>
  4715.  
  4716. <blockquote class="excerpt">I warmed up to it slowly. I was looking at penmanship books and doing paintings of the letter O and A, and I thought about making the image negative by painting around it.... I thought, if I scratch it out, that would be easier, and I&rsquo;d get there faster. Cutting and scratching was a way to slow the line down. In the end it wasn&rsquo;t about adding; it was about subtracting.</blockquote>
  4717.  
  4718. <p>What&rsquo;s remarkable is that this is <em>exactly</em> how typefaces are designed: not by constructing letterforms in black, but by drawing counters in white. That Puckette chose an implement for stripping away, rather than building up, is also fascinating: files and gravers, the traditional tools of typemaking, are tools for creating whitespace. (Their profound affect on type design, which cannot be underestimated, is the central thesis of Fred Smeijers&rsquo; excellent <em><a href="http://www.amazon.com/exec/obidos/ASIN/0907259065/typographycom-20
  4719. " target="_blank">Counterpunch</a>.</em>) I can&rsquo;t help but wonder what a Puckette-designed typeface might look like; perhaps we&rsquo;ll someday find out? &mdash;JH</p>]]>
  4720.    </description>
  4721.    <pubDate>Sat, 26 Jan 2008 09:55:00 +0000</pubDate>
  4722.    <guid>https://www.typography.com/blog/elliott-puckette-at-paul-kasmin-gallery#300</guid>
  4723. </item>
  4724.                   <item>
  4725.    <title><![CDATA[Precisely What the Author Had in Mind]]></title>
  4726.    <link>https://www.typography.com/blog/precisely-what-the-author-had-in-mind</link>
  4727.    <description>
  4728.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/finerpoints_hoefler_500.jpg">]]>
  4729.    </description>
  4730.    <pubDate>Wed, 16 Jan 2008 19:08:00 +0000</pubDate>
  4731.    <guid>https://www.typography.com/blog/precisely-what-the-author-had-in-mind#461</guid>
  4732. </item>
  4733.                   <item>
  4734.    <title><![CDATA[Groovy Tech]]></title>
  4735.    <link>https://www.typography.com/blog/groovy-tech</link>
  4736.    <description>
  4737.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/mark_richards_500.jpg">
  4738.  
  4739. <p><span class="small-caps">Spy shots from Macworld!</span> If only. This is one of Mark Richards&rsquo; spectacular photographs from Core Memory Project, his terrific survey of vintage computers. Mark&rsquo;s sexy shot of the DEC PDP8/F explains all those day-glo set dressings in <a href="http://en.wikipedia.org/wiki/The_Prisoner" target="_blank">The Prisoner</a> and The Time Tunnel, both worlds in which the higher the technology, the brighter the orange. Like the steampunks who reimagine today&rsquo;s aluminum boxes as a festival of valves and gears and brass, when will we see the Modpunks, who will wickedly return us to a world of ochre cabinets, spooling tapes, and knobs that reassuringly click? (Or are they here <a href="http://www.brionvega.it/" target="_blank">already</a>?) &mdash;JH</p>]]>
  4740.    </description>
  4741.    <pubDate>Mon, 14 Jan 2008 05:15:00 +0000</pubDate>
  4742.    <guid>https://www.typography.com/blog/groovy-tech#299</guid>
  4743. </item>
  4744.                   <item>
  4745.    <title><![CDATA[Large Hats & Small Caps]]></title>
  4746.    <link>https://www.typography.com/blog/large-hats-small-caps</link>
  4747.    <description>
  4748.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/riordan_americana.png">
  4749.  
  4750. <p><span class="small-caps">Having begun the week</span> with Senator Barack <a href="https://www.typography.com/blog/a-change-we-made" target="_blank">Obama&rsquo;s typeface</a>, it seemed appropriate to look back at the typography of campaigns past. Here&rsquo;s a splendid piece of Americana that will be at auction at <a href="http://www.christies.com/features/jan08/2095/overview.asp" target="_blank">Christie&rsquo;s</a> next week: a carved polychrome and gilt political hat, dated 1872, from the collection of Marguerite and Arthur Riordan. It captures a number of quintessential period styles: bold sans serifs in caps and small caps, &ldquo;catchwords&rdquo; festooned with calligraphic flourishes, and two styles of lettering interrupted by medial spurs. Measuring 25" deep and 18" wide, it&rsquo;s a perfect fit for the head of any 21st century politician. &mdash;JH</p>]]>
  4751.    </description>
  4752.    <pubDate>Fri, 11 Jan 2008 08:16:00 +0000</pubDate>
  4753.    <guid>https://www.typography.com/blog/large-hats-small-caps#298</guid>
  4754. </item>
  4755.                   <item>
  4756.    <title><![CDATA[Powers of 41]]></title>
  4757.    <link>https://www.typography.com/blog/powers-of-41</link>
  4758.    <description>
  4759.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/eames_stamps_500.jpg">
  4760.  
  4761. <p><span class="small-caps">Ours isn&rsquo;t a government</span> that holds designers in especially high esteem; a glance at the back of the <a href="http://www.moneyfactory.gov/newmoney/main.cfm/currency/new20" target="_blank">$20 bill</a> says as much. So it was with both delight and surprise that I learned this morning that the U. S. Postal Service is scheduled to roll out this set of <a href="http://www.usps.com/communications/newsroom/2007/sr07_084.htm" target="_blank">stamps</a> next summer, honoring the great contributions of Charles and Ray Eames.</p>
  4762.  
  4763. <p>Our entire profession owes thanks to USPS designer Derry Noyes, not only for raising the public profile of design with this marvelous project, but for answering its unique design problems so expertly. The Eames Office worked in two, three, and four dimensions, and to meet the challenge of representing their body of work so concisely &mdash; <em>at the size of a postage stamp</em> (a rare, non-metaphorical use of the phrase) &mdash; takes tact and aplomb of Eamesian proportions. &mdash;JH</p>]]>
  4764.    </description>
  4765.    <pubDate>Wed, 09 Jan 2008 11:46:00 +0000</pubDate>
  4766.    <guid>https://www.typography.com/blog/powers-of-41#297</guid>
  4767. </item>
  4768.                   <item>
  4769.    <title><![CDATA[A Change We Made]]></title>
  4770.    <link>https://www.typography.com/blog/a-change-we-made</link>
  4771.    <description>
  4772.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/obama_gotham_500.jpg">
  4773.  
  4774. <p><span class="small-caps">Literally:</span> that&rsquo;s our <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a> typeface, as used by <a href="http://www.barackobama.com/index.php" target="_blank">Senator Barack Obama</a>. Curiously, <a href="http://www.johnedwards.com/" target="_blank">John Edwards</a> is <em>also</em> using Gotham, giving the font a combined 68% of the vote in Iowa! &mdash;JH</p>]]>
  4775.    </description>
  4776.    <pubDate>Fri, 04 Jan 2008 06:46:00 +0000</pubDate>
  4777.    <guid>https://www.typography.com/blog/a-change-we-made#296</guid>
  4778. </item>
  4779.                   <item>
  4780.    <title><![CDATA[High Scores for Service and Style]]></title>
  4781.    <link>https://www.typography.com/blog/high-scores-for-service-and-style</link>
  4782.    <description>
  4783.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/zagat_whitney_01_500.jpg">
  4784.  
  4785. <p><span class="small-caps">With the arrival of a new year</span> comes a new <a href="http://www.zagat.com/" target="_blank">Zagat Survey</a>, and with this year&rsquo;s edition comes a special typographic surprise: a complete redesign using our <a href="http://www.typography.com/fonts/whitney/overview/" target="_blank">Whitney</a> family. The indomitable Zagat team has given the fonts one of their most rigorous workouts ever, using Whitney&rsquo;s many special features to excellent advantage &mdash; here&rsquo;s some of what&rsquo;s inside.</p>
  4786.  
  4787. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/zagat_whitney_02_500.jpg">
  4788.  
  4789. <p>Pocket guides have an especially compelling need to keep page count low and legibility high, making Whitney&rsquo;s <a href="http://www.typography.com/fonts/whitney/features/whitney-economy/" target="_blank">compact</a> forms a good match for the project. In its <em>pro</em> edition, Whitney contains a set of even-width <a href="http://www.typography.com/fonts/whitney/features/whitney-numerics/" target="_blank">tabular figures</a>, which the Zagat team used for this very clear and sensible wine vintage chart, above.</p>
  4790.  
  4791. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/zagat_whitney_04_500.jpg">
  4792.  
  4793. <p>Since guidebooks feature both maps and numbered lists, a set of numbered <a href="http://www.typography.com/fonts/whitney/features/whitney-indices/" target="_blank">indices</a> is often useful. Here, Zagat&rsquo;s heavily-automated pagination system is able to call upon the pre-built <a href="http://www.typography.com/fonts/whitney/styles/whitneyindex" target="_blank">Whitney Index</a> font, rather than demanding the intervention of a designer for every single table. (If you&rsquo;ve ever tried to make numbers in circles yourself, you know how treacherous they can be &mdash; especially when lists spill over into double digits!)</p>
  4794.  
  4795. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/zagat_whitney_03_500.jpg">
  4796.  
  4797. <p>Newsprint is an appropriate choice for a pocket guide, since it helps reduce both weight and cost, but it&rsquo;s an especially hostile environment for typography. To survive newsprint, letterforms need to have <a href="http://www.typography.com/fonts/whitney/features/whitney-clarity/" target="_blank">clear gestures</a>&nbsp;and open apertures, to prevent their forms from clogging up at small sizes. And because type on newsprint can gain weight unpredictably, sans serifs with a broad range of weights are especially useful. Whitney has <a href="http://www.typography.com/fonts/whitney/styles/" target="_blank">six weights</a>, each of which makes an appearance somewhere in the 2008 guide. &mdash;JH</p>]]>
  4798.    </description>
  4799.    <pubDate>Thu, 03 Jan 2008 06:00:00 +0000</pubDate>
  4800.    <guid>https://www.typography.com/blog/high-scores-for-service-and-style#295</guid>
  4801. </item>
  4802.                   <item>
  4803.    <title><![CDATA[Coming Attractions]]></title>
  4804.    <link>https://www.typography.com/blog/coming-attractions</link>
  4805.    <description>
  4806.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gator_gotham_500.png">
  4807.  
  4808. <p><span class="small-caps">Sure, Kim Hastreiter knows</span> her typography, but how did she manage to so accurately foresee a <a href="http://www.mediabistro.com/unbeige/urbanity/kim_hastreiter_predicts_gatorladen_gotham_in_2108_73954.asp?c=rss" target="_blank">top-secret font release</a> not scheduled for another hundred years? &mdash;JH</p>]]>
  4809.    </description>
  4810.    <pubDate>Mon, 31 Dec 2007 08:39:00 +0000</pubDate>
  4811.    <guid>https://www.typography.com/blog/coming-attractions#294</guid>
  4812. </item>
  4813.                   <item>
  4814.    <title><![CDATA[Typographic Gifts for Designers, Part 10]]></title>
  4815.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-10</link>
  4816.    <description>
  4817.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/transitmaps_500.jpg">
  4818.  
  4819. <p><span class="small-caps">Harry Beck&rsquo;s map of the <a href="http://en.wikipedia.org/wiki/Tube_map" target="_blank">London Underground</a></span> is one of those seminal information graphics that has come to define an entire category. It must be as widely recognized as Mendeleev&rsquo;s design for the periodic table of the elements; it&rsquo;s surely been as influential, and as widely imitated and spoofed.</p>
  4820.  
  4821. <p>What makes both diagrams significant is that they bravely dispense with information traditionally thought to be crucial. Mendeleev described matter without any of its physical characteristics, which freed scientists to infer more significant information purely from the table itself. And Beck realized that the scale of a city was irrelevant to a commuter (as well as difficult to draw), so he bent the shape of Greater London to meet the needs of the map, in what&rsquo;s technically called a <a href="http://en.wikipedia.org/wiki/Cartogram" target="_blank">cartogram</a>.</p>
  4822.  
  4823. <p>Mark Ovenden&rsquo;s <strong>Transit Maps of the World</strong> is a terrific and well-illustrated tour through the world that Beck created. It&rsquo;s interesting to compare the choice of cartograms and equal-area maps in different cities, and at different times: Beck&rsquo;s diagrammatic plan for the Paris <em>M&eacute;tro</em> was rejected in favor of a beloved but impenetrable drawing, which is just the kind of Gallic gesture that has been confounding the English for centuries. The images in Ovenden&rsquo;s book make it tempting to make inferences about the cultures behind the maps: the diagrams for Moscow, St. Petersburg and Nizhiny Novgorod have an undeniably Suprematist bent, and those for Beijing and Guangzhou look as if they could actually be the Simplified Chinese ideogram for &ldquo;subway.&rdquo; Closer to home, the map of Los Angeles looks likes an Anasazi petroglyph, and that of Washington, D.C. resembles nothing more than a pit of highly partisan snakes. &mdash;JH</p>]]>
  4824.    </description>
  4825.    <pubDate>Thu, 20 Dec 2007 11:15:00 +0000</pubDate>
  4826.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-10#293</guid>
  4827. </item>
  4828.                   <item>
  4829.    <title><![CDATA[Typographic Gifts for Designers, Part 9]]></title>
  4830.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-9</link>
  4831.    <description>
  4832.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/shorpy_print.jpg">
  4833.  
  4834. <p><span class="small-caps">A visit to <a href="http://www.shorpy.com/" target="_blank">Shorpy</a></span> inevitably lasts the rest of the day. This tremendous archive of hundred-year-old photos has much to recommend it to anyone interested in period typography: the optimistic lettering of the <a href="http://www.shorpy.com/node/2093?size=_original" target="_blank">New Deal</a> is well represented, and there&rsquo;s an excellent cross-section of <a href="http://www.shorpy.com/node/80" target="_blank">sidewalk Americana</a> as well; entertainingly, the whole collection is leavened by an undercurrent of <a href="http://www.shorpy.com/node/2154?size=_original" target="_blank">quiet menace</a> that I find delightfully surreal.</p>
  4835.  
  4836. <p>There are impossibly old photos from Antietam and significant ones from Kitty Hawk, but it&rsquo;s candid images like <a href="http://www.shorpy.com/node/2162?size=_original" target="_blank">this</a> that I find the most striking. For while it&rsquo;s their farmers and seamstresses and street urchins who draw focus and take center stage, the true subject of these photographs is the lettering in the background, and the thousands of invisible hands responsible for every single letter.</p>
  4837.  
  4838. <p>To my delight, Shorpy is now working with the Juniper Gallery to produce reproductions of some of their most evocative <strong>Vintage High-Resolution Photographs.</strong> Produced as eight-color giclee prints on a variety of archival stocks, Shorpy&rsquo;s photographs are available in sizes from 19" &times; 13" (48cm &times; 33cm) to 47" &times; 34" (119cm &times; 86cm). Order by December 18 for Christmas delivery. &mdash;JH</p>]]>
  4839.    </description>
  4840.    <pubDate>Mon, 17 Dec 2007 07:01:00 +0000</pubDate>
  4841.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-9#292</guid>
  4842. </item>
  4843.                   <item>
  4844.    <title><![CDATA[Typographic Gifts for Designers, Part 8]]></title>
  4845.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-8</link>
  4846.    <description>
  4847.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Calendar_Wrap_Sm.jpg">
  4848.  
  4849. <p><span class="small-caps">The arrival of a new year</span> means it&rsquo;s time for a new Pentagram Calendar. We&rsquo;ll forever be partial to the 2006 edition, for which Pentagram commissioned us to design <a href="https://www.typography.com/fonts/numbers/overview/" target="_blank">twelve new fonts of numbers</a>; we subsequently added three additional styles, anticipating of course the post-revolutionary 15-month calendar under which all earthlings will unite in observance of Hoefluary. (Reminder: font licenses must be paid in full by Tribute Day, Hoefluary 15.)</p>
  4850.  
  4851. <p>But until the revolution comes, enjoy your quaint 12-month ways with the stylish <strong>2008 Pentagram Typography Calendar</strong>. 2008 looks like it&rsquo;s going to be a vintage year, for this year&rsquo;s edition is designed exclusively using the typefaces of <a href="http://www.designmuseum.org/design/matthew-carter" target="_blank">Matthew Carter</a>. Few things can make January more exhilarating than a brace of <a href="http://us.st11.yimg.com/us.st.yimg.com/I/kenknight-online_1975_1319821" target="_blank">Galliard old-style figures</a>, and the appearance of the scarce Walker typeface in February hints at many more treats throughout the months to come. &mdash;JH</p>]]>
  4852.    </description>
  4853.    <pubDate>Fri, 14 Dec 2007 00:05:00 +0000</pubDate>
  4854.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-8#291</guid>
  4855. </item>
  4856.                   <item>
  4857.    <title><![CDATA[Typographic Gifts for Designers, Part 7]]></title>
  4858.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-7</link>
  4859.    <description>
  4860.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/nixieclock_59_500.jpg">
  4861.  
  4862. <p><span class="small-caps">It&rsquo;s hard to begrudge</span> the polish and flexibility of a good pixel, but I&rsquo;ll always have a soft spot for the earlier technologies. Mechanical and electronic displays with fixed images were somehow <em>knowable</em> in a way that screens are not, lending a palpable something to the things they inhabited. Has train travel been the same since the disappearance of the thip-thip-thipping <a href="http://en.wikipedia.org/wiki/Split-flap_display" target="_blank">flap display</a>? Didn&rsquo;t buses seem more resolute when emblazoned with hand-lettered <a href="http://en.wikipedia.org/wiki/Rollsign" target="_blank">roll signs</a>, before today&rsquo;s dot-matrix mayhem doomed them to speak in half-hearted and confounding abbreviations (or cheerily exclaim <em>Out of Service</em> as they malingered along?) Has the person yet walked the earth who has fond feelings for the <a href="http://en.wikipedia.org/wiki/Fourteen-segment_display" target="_blank">starburst display</a> of a credit card terminal?</p>
  4863.  
  4864. <p>One of my favorite outmoded technologies is the <a href="http://en.wikipedia.org/wiki/Nixie_tube" target="_blank">nixie tube</a>. A tiny vacuum tube containing individual glowing cathodes for each digit, nixies were once a staple of high-end office calculators and measuring devices. Every few years, someone unearths a cache of virgin nixies and brings a nixie clock to market, which promptly sells out; this year&rsquo;s offering is the <strong>Chronotronix V400 Nixie Tube Clock</strong>, an especially attractive contender in a polished cherry case, candidly offered in a limited edition. &mdash;JH</p>]]>
  4865.    </description>
  4866.    <pubDate>Wed, 12 Dec 2007 06:48:00 +0000</pubDate>
  4867.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-7#290</guid>
  4868. </item>
  4869.                   <item>
  4870.    <title><![CDATA[Typographic Gifts for Designers, Part 6]]></title>
  4871.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-6</link>
  4872.    <description>
  4873.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_brooklynmap_500.png">
  4874.  
  4875. <p><span class="small-caps">I&rsquo;ve yet to meet a designer</span> that didn&rsquo;t have a thing for <a href="https://www.typography.com/collections/cartography/" target="_blank">cartography</a>. In any medium (to this day, maps are printed, engraved, drawn and painted) cartographers have to be excellent and inventive typographers, and mapmaking has given typography some of its most interesting styles. Some of the more exotic letters we&rsquo;ve drawn certainly owe something to mapmaking, in <a href="https://www.typography.com/blog/oakleaf-behind-the-scenes" target="_blank">this case</a> the engraved maps of the very fertile Age of Enlightenment.</p>
  4876.  
  4877. <p>Equally interesting are the artists and designers who interpret maps. I hope to someday own one of Paula Scher&rsquo;s fantastic <a href="http://blog.pentagram.com/2007/11/paula-scher-recent-paintings.php" target="_blank">paintings</a> (which incidentally are on display at New York&rsquo;s <a href="http://www.mayastendhalgallery.com/" target="_blank">Maya Stendhal Gallery</a> through January 26), but in the meantime I might outfit myself with one of the five <strong>City Neighborhood Posters</strong> from Ork Design. Chicago, San Francisco and Boston are represented, as well as Manhattan and Brooklyn; gift certificates are available for the itinerant among us. Hand screen printed, and signed and numbered, $22 each. &mdash;JH</p>]]>
  4878.    </description>
  4879.    <pubDate>Mon, 10 Dec 2007 11:36:00 +0000</pubDate>
  4880.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-6#289</guid>
  4881. </item>
  4882.                   <item>
  4883.    <title><![CDATA[Typographic Gifts for Designers, Part 5]]></title>
  4884.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-5</link>
  4885.    <description>
  4886.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_diamonds_500.jpg">
  4887.  
  4888. <p><span class="small-caps">If there&rsquo;s one thing that says Gotham Fabulous,</span> it&rsquo;s rhodium-plated silver with a hit of CZ. <a href="https://www.typography.com/about/biographies.php#soskolne" target="_blank">Sara</a> found these <strong>Initial Pendant Necklaces</strong> online, each offering 0.2 carats of genuine cubic zirconium in a tarnish-free setting. A full alphabet&rsquo;s available, though sadly no ampersand, otherwise the whole H&amp;Co posse would be rolling in style.</p>
  4889.  
  4890. <p>A classier alternative is this <a href="http://www.iloveblocks.com/wishlist.html
  4891. " target="_blank">stunning diamond necklace</a> by Irina Block. But either option requires a primo backup gift. &mdash;JH</p>]]>
  4892.    </description>
  4893.    <pubDate>Sat, 08 Dec 2007 07:17:00 +0000</pubDate>
  4894.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-5#288</guid>
  4895. </item>
  4896.                   <item>
  4897.    <title><![CDATA[Typographic Gifts for Designers, Part 4]]></title>
  4898.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-4</link>
  4899.    <description>
  4900.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_minard_poster_500.png">
  4901.  
  4902. <p><span class="small-caps">Every design studio has at least one</span> of Edward Tufte&rsquo;s books. They&rsquo;re traditionally distributed during the sacred initiation ceremony through which one becomes a Graphic Designer: a cloaked celebrant makes the sign of command-option-escape and anoints the novice with toner, the congregation recites the paternoster from Paul Rand&rsquo;s <em>Design, Form, and Chaos,</em> and the now-ordained Designer is presented with the Holy Relics that will form the heart of his or her own workplace: a manga-inspired wind-up toy, a framed fruit crate label with a smutty pun, an overwrought and temperamental stapler with a European pedigree, and a copy of <em><a href="http://www.edwardtufte.com/tufte/books_vdqi" target="_blank">Envisioning Information</a></em>.</p>
  4903.  
  4904. <p>Whether you share Tufte&rsquo;s love of clarity, or haven&rsquo;t read his books and simply want the shortcut to intellectual street cred (I&rsquo;ll deal with you later), you&rsquo;ll want a copy of this poster showing <strong>Napoleon&rsquo;s March to Moscow,</strong> which Tufte correctly calls &ldquo;probably the best statistical graphic ever drawn.&rdquo; Designed by Charles Joseph Minard in 1869 and now reproduced by Graphics Press, the diagram simultaneously shows the position, direction, and strength of Napoleon&rsquo;s army, as well as the time and temperature at each turn &mdash; a remarkable amount of information for such an intuitive and tidy diagram. &mdash;JH</p>]]>
  4905.    </description>
  4906.    <pubDate>Sat, 08 Dec 2007 02:27:00 +0000</pubDate>
  4907.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-4#287</guid>
  4908. </item>
  4909.                   <item>
  4910.    <title><![CDATA[Typographic Gifts for Designers, Part 3]]></title>
  4911.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-3</link>
  4912.    <description>
  4913.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_chocolate_1_500.jpg">
  4914.  
  4915. <p><span class="small-caps">Much nattering takes place</span> on this blog about the distinction between <em>lettering</em> (letterforms rendered for a particular situation) and <em>fonts</em> (sets of type designed for reproduction.) Edible lettering is an <a href="http://www.groningermuseum.nl/index.php?id=1166
  4916. " target="_blank">ancient tradition</a>, but edible <em>fonts</em> may be something new: our designer <a href="https://www.typography.com/about/biographies.php#soskolne" target="_blank">Sara Soskolne</a> discovered this marvelous set of <strong>Movable Type in Chocolate</strong>, created by Sandra K&uuml;bler and Christine Voshage.</p>
  4917.  
  4918. <p>I have to commend the duo for including a <a href="http://typolade.de/bestellung-m.html" target="_blank">broad character set</a>, including accents and punctuation. (The Droste company, which makes the <a href="http://www.dereuze.com/pimarket/dept.asp?s_id=0&amp;dept_id=3087&amp;WT.svl=deptnav1" target="_blank">chocolate initials</a> given to Dutch children for Sinterklaas Eve, doesn&rsquo;t produce even the letter <strong class="alternate">I</strong>, presumably because it&rsquo;s challenging to design a chocolate <strong class="alternate">I</strong> that matches the weight of the <strong class="alternate">M</strong> or <strong class="alternate">W</strong>.) As we know, children are a stickler for fairness, especially when it comes to chocolate, just as typographers are a stickler for fidelity, especially when it comes to chocolate. &mdash;JH</p>]]>
  4919.    </description>
  4920.    <pubDate>Thu, 06 Dec 2007 10:27:00 +0000</pubDate>
  4921.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-3#286</guid>
  4922. </item>
  4923.                   <item>
  4924.    <title><![CDATA[Typographic Gifts for Designers, Part 2]]></title>
  4925.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-2</link>
  4926.    <description>
  4927.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_cards_500.jpg">
  4928.  
  4929. <p><span class="small-caps">A few weeks ago, I posted some <a href="https://www.typography.com/blog/grecian-fonts-a-miscellany" target="_blank">scans</a></span> of nineteenth-century wood types by William Page, from the rare specimen book <em>Wm. H. Page &amp; Co. Wood Type</em> of 1872. The designers at the Cary Graphic Arts Press (Rochester Institute of Technology) apparently share my love of Page&#39;s colorful woodtypes, for their lovely <strong>Wood Type Notecards</strong> reproduce some pages from the exceedingly rare <em>Specimens of Chromatic Wood Type, Borders, &amp;c.</em> of 1874. I don&rsquo;t imagine I&rsquo;ll need much of a pretext to send these to my favorite typophiles; I think I&rsquo;ll save the <em>SIN</em> cards to send to clients who don&rsquo;t correctly use small caps or smart quotes. &mdash;JH</p>]]>
  4930.    </description>
  4931.    <pubDate>Wed, 05 Dec 2007 10:19:00 +0000</pubDate>
  4932.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-2#285</guid>
  4933. </item>
  4934.                   <item>
  4935.    <title><![CDATA[Typographic Gifts for Designers, Part 1]]></title>
  4936.    <link>https://www.typography.com/blog/typographic-gifts-for-designers-part-1</link>
  4937.    <description>
  4938.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gifts_mugs_500.jpg">
  4939.  
  4940. <p><span class="small-caps">Since the countdown to the holidays</span> has begun in earnest, we thought we&rsquo;d dedicate the rest of the week to recommending typographic-themed holiday gifts for the designers in your life.</p>
  4941.  
  4942. <p>Our own Ksenya Samarskaya liked these <strong>Alphabet Mugs</strong> from <a href="http://www.fishseddy.com/browse.cfm?viewfrom=22&amp;catid=46&amp;step=2" target="_blank">Fishs Eddy</a>. The monograms draw from different decorative traditions: the <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1241.htm" target="_blank">A</a></strong> and <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1243.htm" target="_blank">C</a></strong> are from decorated American wood types (and you know we love <a href="https://www.typography.com/fonts/knox/overview/" target="_blank">those</a>), the <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1260.htm" target="_blank">T</a></strong> from signwriting, and the <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1251.htm" target="_blank">K</a></strong> and <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1265.htm" target="_blank">Y</a></strong> from nineteenth-century lettering manuals. (That I love the baroque <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1255.htm" target="_blank">O</a></strong>, <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1257.htm" target="_blank">Q</a></strong>, and <strong class="alternate"><a href="http://www.fishseddy.com/browse.cfm/4,1258.htm" target="_blank">R</a></strong> should come as no surprise; they&rsquo;re close cousins of our own logo.&nbsp;&mdash;JH</p>]]>
  4943.    </description>
  4944.    <pubDate>Tue, 04 Dec 2007 10:48:00 +0000</pubDate>
  4945.    <guid>https://www.typography.com/blog/typographic-gifts-for-designers-part-1#284</guid>
  4946. </item>
  4947.                   <item>
  4948.    <title><![CDATA[Aesthetic Apparatus Explained]]></title>
  4949.    <link>https://www.typography.com/blog/aesthetic-apparatus-explained</link>
  4950.    <description>
  4951.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/Aesthetic_Apparatus_collage_500.jpg">
  4952.  
  4953. <p><span class="small-caps">I started a typeface called Feldspar</span> some years ago, which I&rsquo;ve yet to complete. After eight years, most such projects would have lost their inertia, but this one&rsquo;s moving steadily along, driven by a single, fervid dream: I am determined to one day see it in the hands of Dan and Mike at <a href="http://www.aestheticapparatus.com/" target="_blank">Aesthetic Apparatus</a>.</p>
  4954.  
  4955. <p>Aesthetic Apparatus is one of those studios we love to see using our fonts. It&rsquo;s not merely because they&rsquo;re fans of our more American-inflected designs (above, some AA posters featuring <a href="https://www.typography.com/fonts/cyclone/overview/" target="_blank">Cyclone</a>, <a href="https://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis</a>, <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a>, <a href="https://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout</a>, <a href="https://www.typography.com/fonts/ziggurat/overview/" target="_blank">Ziggurat</a>, and <a href="https://www.typography.com/fonts/giant/overview/" target="_blank">Giant</a>), it&rsquo;s because they put the screws to the fonts: they juice them for every last drop of flavor, and then come back to coax still <em>more</em> out of every design, creating new and unexpected textures that you wouldn&rsquo;t think possible. The driving philosophy behind the studio&rsquo;s work is &mdash; well, here: let&rsquo;s let Dan and Mike explain the process in their own words:</p>
  4956.  
  4957. <br/>
  4958.  
  4959. <div><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/YyQemBVZJYw" width="560"></iframe></div>
  4960.  
  4961. <br/>
  4962.  
  4963. <p>A transcript is not yet available. &mdash;JH</p>]]>
  4964.    </description>
  4965.    <pubDate>Mon, 03 Dec 2007 07:25:00 +0000</pubDate>
  4966.    <guid>https://www.typography.com/blog/aesthetic-apparatus-explained#283</guid>
  4967. </item>
  4968.                   <item>
  4969.    <title><![CDATA[An Early Snowtype]]></title>
  4970.    <link>https://www.typography.com/blog/an-early-snowtype</link>
  4971.    <description>
  4972.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/schneekoenigin.gif">
  4973.  
  4974. <p><span class="small-caps">The snow-themed alphabets</span> below all belong to the world of lettering rather than typography, but typefounders have made their share of snow-covered <em>fonts</em> as well. Some of these go back quite a bit further than I imagined, as I learned this afternoon: at lunch, Tobias mentioned offhandedly that he remembered being surprised to see a snow-covered typeface in a specimen book from Weimar Germany. &ldquo;I don&rsquo;t remember which book it was,&rdquo; he added, a sure-fire way of triggering a typographic wild goose chase at the office.</p>
  4975.  
  4976. <p>Half an hour later, and covered in dusty fragments of brittle yellow paper, we found it. Naturally it was in none of the specimen books that we thought to check first, from the Bauer, Berthold, Klingspor, Ludwig and Mayer, Schelter &amp; Giesecke, Schriftguss, Klinkhardt, C. E. Weber, or Flinsch foundries. It was lurking on page 120p of <em>Die Haupt Probe,</em> otherwise known as The Behemoth: the 1,478-page, six-kilogram, scanner-breaking type specimen of the Stempel Foundry, issued in 1925, and thought to be the largest typefoundry specimen book ever produced. Behold <em>Schneek&ouml;nigin,</em> a snow-capped adaptation of the <em>Fette Teutonia</em> typeface. Like the book that contained it, it is equal parts delightful and menacing. &mdash;JH</p>]]>
  4977.    </description>
  4978.    <pubDate>Fri, 30 Nov 2007 11:01:00 +0000</pubDate>
  4979.    <guid>https://www.typography.com/blog/an-early-snowtype#282</guid>
  4980. </item>
  4981.                   <item>
  4982.    <title><![CDATA[More Wintry Gotham]]></title>
  4983.    <link>https://www.typography.com/blog/more-wintry-gotham</link>
  4984.    <description>
  4985.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/snowflake_gotham_500.png">
  4986.  
  4987. <p><span class="small-caps">Over at <a href="http://www.saksfifthavenue.com/Entry.jsp" target="_blank">Saks Fifth Avenue</a>,</span> they&rsquo;ve decked out their signature <a href="https://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham Medium</a> in snowy finery for winter. The snowflake treatment is a nice counterpoint to the icicled Gotham <a href="https://www.typography.com/blog/ice-ice-typeface">below</a>, conveying <em>luxe</em> rather than <em>hypothermia;</em> in any case, it&rsquo;s the second seasonally-themed Gotham I&rsquo;ve encountered this week. Any others? &mdash;JH</p>]]>
  4988.    </description>
  4989.    <pubDate>Thu, 29 Nov 2007 09:44:00 +0000</pubDate>
  4990.    <guid>https://www.typography.com/blog/more-wintry-gotham#281</guid>
  4991. </item>
  4992.                   <item>
  4993.    <title><![CDATA[Holiday Gifts for Typophiles]]></title>
  4994.    <link>https://www.typography.com/blog/holiday-gifts-for-typophiles</link>
  4995.    <description>
  4996.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/dresserjohnson_arrowring_500.jpg">
  4997.  
  4998. <p><span class="small-caps">An office full of type designers</span> is already a dangerous a breeding ground for the highly contagious <a href="https://www.typography.com/collections/symbols-technical/" target="_blank">chronic arrowmania</a>, but H&amp;Co alumnus Kevin Dresser has taken things to the next level with the DresserJohnson <a href="http://dresserjohnson.com/arrowring.html" target="_blank">Arrow Ring</a>. A chic adaptation of one of the duo&rsquo;s great icons (their logo for <a href="http://www.bklynbunny.com/home.html" target="_blank">Brooklyn Bunny</a> is a cheerful highlight in modern logodom) the Arrow Ring makes possible marvelous moments of unwitting self-annotation such as <a href="http://www.flickr.com/photos/andyclymer/2067588504/" target="_blank">this</a>. A great stocking-stuffer, available in sizes 2&ndash;13. &mdash;JH</p>]]>
  4999.    </description>
  5000.    <pubDate>Wed, 28 Nov 2007 12:31:00 +0000</pubDate>
  5001.    <guid>https://www.typography.com/blog/holiday-gifts-for-typophiles#280</guid>
  5002. </item>
  5003.                   <item>
  5004.    <title><![CDATA[Ice Ice Typeface]]></title>
  5005.    <link>https://www.typography.com/blog/ice-ice-typeface</link>
  5006.    <description>
  5007.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sno-gotham.gif">
  5008.  
  5009. <p><span class="small-caps">I&rsquo;ll admit it:</span> snow-covered typography is a guilty pleasure, and one I get to enjoy throughout the year. Summertime icicle fonts are never hard to find, once soft-serve ice cream trucks establish strategic flanking positions on either side of our office. And in the winter, their appearance on the sides of HVAC trucks heralds the return of seasonal boiler problems, a cherished part of the winter experience in New York.</p>
  5010.  
  5011. <p>Although all H&amp;Co fonts are guaranteed frost-free for easy maintenance, the wags at <a href="http://www.deitch.com/" target="_blank">Deitch</a> have come up with this seasonal adaptation, in keeping with their site&rsquo;s summer delight theme. Under these snowcaps is our very own <a href="https://www.typography.com/fonts/gotham/overview/">Gotham Bold</a> font, artful iciclized by <a href="http://www.rickfroberg.com/" target="_blank">illustrator</a>/<a href="http://www.hotsnakes.com/" target="_blank">guitarist</a> Rick Froberg. So great! &mdash;JH</p>]]>
  5012.    </description>
  5013.    <pubDate>Mon, 26 Nov 2007 11:10:00 +0000</pubDate>
  5014.    <guid>https://www.typography.com/blog/ice-ice-typeface#279</guid>
  5015. </item>
  5016.                   <item>
  5017.    <title><![CDATA[Helvetica for the Holidays]]></title>
  5018.    <link>https://www.typography.com/blog/helvetica-for-the-holidays</link>
  5019.    <description>
  5020.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/helvetica-dvd.gif">
  5021.  
  5022. <p><span class="small-caps">Christmas is about more</span> than just eggnog and carols and sitting by the tree. It&rsquo;s about having to explain to your family <em>yet again</em> what exactly it is that you <em>do</em> for a living, and suffering through comparisons with your cousin who&rsquo;s &ldquo;also into computers.&rdquo;</p>
  5023.  
  5024. <p>If there&rsquo;s anything that mom and dad truly need this holiday season, it&rsquo;s to be tied to the andirons and belabored about the head with a copy of Jan Tschichold&rsquo;s collected essays in the original German (still available in hardcover.) But in the spirit of giving, as well as various local ordinances, get them instead a copy of Gary Hustwit&rsquo;s <a href="http://www.helveticafilm.com/shop.html" target="_blank"><em>Helvetica</em></a> on DVD, which goes on sale today. It&rsquo;s smart, engaging, witty, and a great introduction to graphic design for the non-designers who spawned you. It also affords ample opportunity to use the phrase &ldquo;that&rsquo;s Hoefler&amp;Co: I buy fonts from those guys all the time,&rdquo; which mom and dad might remember come next year. &mdash;JH</p>]]>
  5025.    </description>
  5026.    <pubDate>Tue, 20 Nov 2007 10:36:00 +0000</pubDate>
  5027.    <guid>https://www.typography.com/blog/helvetica-for-the-holidays#278</guid>
  5028. </item>
  5029.                   <item>
  5030.    <title><![CDATA[I, Calligrapher]]></title>
  5031.    <link>https://www.typography.com/blog/i-calligrapher</link>
  5032.    <description>
  5033.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/calligraphy_robot_500.jpg">
  5034.  
  5035. <p><span class="small-caps">Robots have long been useful</span> in completing challenging or hazardous tasks: dismantling explosives, assembling automobiles, winning chess tournaments, etc. <a href="http://www.robotlab.de/index_engl.htm" target="_blank">Robotlab</a> in Karlsruhe, Germany, is training them for another purpose: calligraphy. Above, an articulated limb renders the Luther Bible in a primitive but serviceable version of the <a href="http://en.wikipedia.org/wiki/Schwabacher" target="_blank">schwabacher</a> script.</p>
  5036.  
  5037. <p>This innovation can&rsquo;t come a moment to soon. For thousands of years, human calligraphers have subjected themselves to years of difficult study, exposing themselves to demanding physical conditions in the service of the written word. Even with the advent of non-toxic ink and cruelty-free vellum, calligraphy is not without its hazards: in addition to carpal tunnel syndrome and asthenopic eye strain, careless practicioners often suffer the socially sclerotic effects of Renaissance Faire attendance or <a href="http://en.wikipedia.org/wiki/Languages_of_Middle-earth
  5038. " target="_blank">absorptive Tolkienism</a>. Most chillingly, mounting evidence suggests that even in industrialized nations, calligraphy is becoming a popular pastime among <em><a href="http://books.google.com/books?q=+subject:%22Calligraphy%3B+Juvenile+literature.%22" target="_blank">children</a>.</em></p>
  5039.  
  5040. <p>Thankfully, technology is coming to our rescue. As <a href="http://www.flickr.com/photos/marcwathieu/sets/72157601299541354/" target="_blank">these photos</a> suggest, robot calligraphers may soon be employed to create that common household object, the hand-lettered bible in roll form. And overhead, without any fuss, <a href="http://en.wikipedia.org/wiki/The_Nine_Billion_Names_of_God
  5041. " target="_blank">the stars are going out</a>. &mdash;JH</p>]]>
  5042.    </description>
  5043.    <pubDate>Mon, 12 Nov 2007 10:28:00 +0000</pubDate>
  5044.    <guid>https://www.typography.com/blog/i-calligrapher#277</guid>
  5045. </item>
  5046.                   <item>
  5047.    <title><![CDATA[Fonts on Television]]></title>
  5048.    <link>https://www.typography.com/blog/fonts-on-television</link>
  5049.    <description>
  5050.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/cbs_sunday_morning.jpg">
  5051.  
  5052. <p><span class="small-caps">Thanks to a few well-traveled blogs,</span> <a href="http://tinyurl.com/2ocyde" target="_blank">this clip</a> has been getting some traffic lately: it&rsquo;s a segment about typeface design that ran on <em>CBS Sunday Morning</em> last summer, featuring us. Correspondent Russ Mitchell spent some time at our offices, and speaking with Steve Heller, to introduce non-designers to the strange world of font design.</p>
  5053.  
  5054. <p>Now that the clip is easily freeze-framed, a few designers have written to ask about the fonts themselves. (The opening montage features our <a href="https://www.typography.com/fonts/shades/overview/" target="_blank">Shades</a> and <a href="https://www.typography.com/fonts/didot/overview/" target="_blank">Didot</a> families, and the fonts created for <em>People</em> magazine are part of <a href="https://www.typography.com/fonts/verlag/styles/" target="_blank">Verlag Compressed</a>.) But two frighteningly hardcore individuals have outdone themselves, writing to inquire about the font shown at left. In this candid scene, which is definitely not staged at all, the camera captures Tobias and I discussing a font proof. Gentle stalkers, you are correct! What appears here is part of our work for The Nature Conservancy, and you&rsquo;ll find a more extensive look at it <a href="oakleaf-behind-the-scenes" target="_blank">here</a>. &mdash;JH</p>]]>
  5055.    </description>
  5056.    <pubDate>Tue, 06 Nov 2007 13:00:00 +0000</pubDate>
  5057.    <guid>https://www.typography.com/blog/fonts-on-television#275</guid>
  5058. </item>
  5059.                   <item>
  5060.    <title><![CDATA[A Living Fossil on the 1 Line]]></title>
  5061.    <link>https://www.typography.com/blog/a-living-fossil-on-the-1-line</link>
  5062.    <description>
  5063.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/art_nouveau_tile_500.jpg">
  5064.  
  5065. <p><span class="small-caps">Passing fancies in lettering</span> often vanish without a trace, and no style has died a harder death than Art Nouveau. Even in its heyday, the style&rsquo;s contributions to typography were slight: there were never many Art Nouveau typefaces, and the few eccentrics that have survived may owe something to a resurgence in the sixties, when their smoky and vegetal forms found favor among the psychedelic set. It was not typography but <em>lettering</em> in which Art Nouveau reached full flower&nbsp;&mdash; sometimes literally &mdash; famously in the posters of <a href="http://www.muchafoundation.org/MGallery.aspx" target="_blank">Alphonse Mucha</a>, and the Paris M&eacute;tro signs of <a href="http://en.wikipedia.org/wiki/Hector_Guimard" target="_blank">Hector Guimard</a>.</p>
  5066.  
  5067. <p>Parisians have guarded their Art Nouveau treasures well; New Yorkers less so. New York was no stranger to the style &mdash; two blocks south of our office is Ernest Flagg&rsquo;s splendid <a href="http://www.nyc-architecture.com/SOH/SOH001.htm" target="_blank">Little Singer Building</a>, and it was in the borough of Queens that <a href="http://en.wikipedia.org/wiki/Louis_Comfort_Tiffany" target="_blank">Louis Comfort Tiffany</a> established his factory &mdash; but lettering from the period has become scarce. This morning, David W. Dunlap writes in <a href="http://www.nytimes.com/2007/11/02/nyregion/02plaque.html?_r=1&amp;oref=slogin" target="_blank"><em>The New York Times</em></a> of a new piece of lettering that has surfaced, in of all places, the uptown platform of the No. 1 subway line at Columbus Circle. A visit is yours for $2.</p>
  5068.  
  5069. <p>Dunlap&rsquo;s <a href="http://www.nytimes.com/2007/11/02/nyregion/02plaque.html?_r=1&amp;oref=slogin" target="_blank">article</a> contains the full and fascinating story, including this irresistable opener: this lettered encaustic tile, specially created for the station, is somehow older than the trains themselves. &mdash;JH</p>]]>
  5070.    </description>
  5071.    <pubDate>Fri, 02 Nov 2007 10:01:00 +0000</pubDate>
  5072.    <guid>https://www.typography.com/blog/a-living-fossil-on-the-1-line#274</guid>
  5073. </item>
  5074.                   <item>
  5075.    <title><![CDATA[The Timeless Typography of Harper’s Bazaar]]></title>
  5076.    <link>https://www.typography.com/blog/the-timeless-typography-of-harpers-bazaar</link>
  5077.    <description>
  5078.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/harpers_bazaar.png">
  5079.  
  5080. <p><span class="small-caps">ASME has announced its winners</span> for <a href="http://www.magazine.org/editorial/24689.cfm" target="_blank">Best Cover of 2007</a>, and we&rsquo;re thrilled to see that of the six covers that feature typography, five are clients of H&amp;Co. You&rsquo;ll see <a href="https://www.typography.com/fonts/chronicle-display/overview/" target="_blank">Chronicle</a> on the cover of <em>O,</em> and our forthcoming <a href="http://typography.com/fonts/sentinel/overview/">Sentinel</a> font on the cover of <em>Texas Monthly.</em> But especially gratifying is the 2007 award for Best Fashion Cover, which went to <em>Harper&rsquo;s Bazaar:</em> it was <em>Bazaar</em> who commissioned our <a href="https://www.typography.com/fonts/didot/overview/" target="_blank">HTF Didot</a> typeface in 1992, and fifteen years later, they&rsquo;re <em>still</em> winning awards with it.</p>
  5081.  
  5082. <p>The flagging magazine that Liz Tilberis and <a href="http://www.baron-baron.com/" target="_blank">Fabien Baron</a> reinvented in 1992 has earned a place as one of the most significant redesigns in modern history. It debuted with an iconic cover that ASME ranks as one of the <a href="http://www.magazine.org/Editorial%5CTop_40_Covers%5C
  5083. " target="_blank">top ten covers in history</a>, memorable not only for its striking portrait of Linda Evangelista, but for its arrestingly simple typography: in a font commissioned to be as <a href="https://www.typography.com/fonts/didot/features/didot-optical-sizes/" target="_blank">crisp</a> as possible, there appeared the single headline &ldquo;Enter the Era of Elegance.&rdquo; In an age when it&rsquo;s not uncommon to run the entire table of contents on the cover, this was a brave and startling move. It&rsquo;s telling that this same strategy is still serving <em>Bazaar</em> after all these years, and it speaks to the strength of the magazine&rsquo;s editorial vision and the thought that went into its typography. So thanks to Stephen Gan and Glenda Bailey for including us in your continuing tradition, and to Fabien Baron and the unforgettable Liz Tilberis for making us a part of this extraordinary institution. &mdash;JH</p>]]>
  5084.    </description>
  5085.    <pubDate>Thu, 01 Nov 2007 10:45:00 +0000</pubDate>
  5086.    <guid>https://www.typography.com/blog/the-timeless-typography-of-harpers-bazaar#273</guid>
  5087. </item>
  5088.                   <item>
  5089.    <title><![CDATA[But Wait, There’s More:]]></title>
  5090.    <link>https://www.typography.com/blog/but-wait-theres-more</link>
  5091.    <description>
  5092.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/make_my_logo_bigger_500.png">
  5093.  
  5094. <p><span class="small-caps">It&rsquo;s <a href="http://www.makemylogobiggercream.com/" target="_blank">too good</a>.</span></p>]]>
  5095.    </description>
  5096.    <pubDate>Wed, 31 Oct 2007 17:00:00 +0000</pubDate>
  5097.    <guid>https://www.typography.com/blog/but-wait-theres-more#272</guid>
  5098. </item>
  5099.                   <item>
  5100.    <title><![CDATA[BOO!]]></title>
  5101.    <link>https://www.typography.com/blog/boo</link>
  5102.    <description>
  5103.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/tarbe-pompadour-1839_500.jpg">
  5104.  
  5105. <p><span class="small-caps">The &ldquo;Pompadour&rdquo; typeface,</span> from the 1837 specimen of the Tarb&eacute; foundry.&nbsp;Happy Halloween!</p>]]>
  5106.    </description>
  5107.    <pubDate>Wed, 31 Oct 2007 11:00:00 +0000</pubDate>
  5108.    <guid>https://www.typography.com/blog/boo#271</guid>
  5109. </item>
  5110.                   <item>
  5111.    <title><![CDATA[Love Letters from Plum Press]]></title>
  5112.    <link>https://www.typography.com/blog/love-letters-from-plum-press</link>
  5113.    <description>
  5114.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/plumpress_500.jpg">
  5115.  
  5116. <p><span class="small-caps">You can always tell</span> when a typeface designer is involved. Some unseen force summoned me across the room to this beautiful set of greeting cards, resplendent in rich stochastic color, and bearing a wonderful assortment of letterforms. The choice of typeface for the letter <strong class="alternate">K</strong> was enough to identify their designer as a connoisseur: it&rsquo;s <em>Sapphire,</em> a rare and underestimated typeface by none other than Hermann Zapf (1953), and one of my personal favorites. The others in the series have their own stories, as I would soon learn from their designer: it&rsquo;s our very own <a href="http://www.typography.com/about/biographies.php#soskolne" target="_blank">Sara Soskolne</a>, who designed them for <a href="http://www.plumpress.com/" target="_blank">Plum Press</a>.</p>
  5117.  
  5118. <p>The <strong class="alternate">P</strong> is modeled on a Photo-Lettering face called <em>Johnson Grafin Hedda,</em> and the <strong class="alternate">F</strong> and <strong class="alternate">C</strong> are adapted from an 1884 set of French signpainter&rsquo;s specimen sheets titled <em>Mod&egrave;les de Lettres.</em> In nice counterpoint to the luscious outside, inside each is an inscription set in our own <a href="http://www.typography.com/fonts/didot/overview/" target="_blank">HTF Didot</a> font. The complete collection features eight cards, covering for a range of appropriate occasions; I&rsquo;m stocking up on the the apology card, <em>K is for Knucklehead,</em> in anticipation of future bad behavior. &mdash;JH</p>]]>
  5119.    </description>
  5120.    <pubDate>Tue, 30 Oct 2007 16:48:00 +0000</pubDate>
  5121.    <guid>https://www.typography.com/blog/love-letters-from-plum-press#270</guid>
  5122. </item>
  5123.                   <item>
  5124.    <title><![CDATA[Fonts in Space]]></title>
  5125.    <link>https://www.typography.com/blog/fonts-in-space</link>
  5126.    <description>
  5127.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/deseret-plan10_500.jpg">
  5128.  
  5129. <p><span class="small-caps">Our erstwhile <a href="http://typography.com/faq/question.php?faqID=12">language researcher</a></span> and font developer Luke Joyner (not pictured) files this dispatch from the campus of the University of Chicago:</p>
  5130.  
  5131. <p>A recent late-show at U. Chicago&rsquo;s <a href="http://docfilms.uchicago.edu" target="_blank">Doc Films</a> was <em>Plan 10 from Outer Space,</em> a stinker of a B-movie that&rsquo;s somehow unrelated to <em>Plan 9 from Outer Space,</em> Ed Wood&rsquo;s better-known cult classic. <em>Plan 10</em> includes the standard staples of the genre: extraterrestrials with beehives for heads, musical numbers, an assassin in the employ of the Church of Jesus Christ of Latter-Day Saints, and a major plot point involving <em>typography.</em></p>
  5132. <!--read_more-->
  5133.  
  5134. <p>The story rests on the contents of an ancient text written in the <a href="http://www.omniglot.com/writing/deseret.htm" target="_blank">Deseret alphabet</a>, a bonafide orthography developed in the nineteenth century under the direction of Mormon leader Brigham Young. <a href="http://en.wikipedia.org/wiki/Orthographic_reform" target="_blank">Spelling reform</a> has a long history, as does the <a href="http://en.wikipedia.org/wiki/List_of_inventors_of_writing_systems" target="_blank">invention of writing systems</a> by those with missionary ambitions; these goals came together in the person of Young, who sought a new phonetic alphabet that would more unambiguously render the sounds of the English language.</p>
  5135.  
  5136. <p>Like most phonetic alphabets, Deseret was doomed to reach only a limited audience &mdash; but perhaps one that&rsquo;s now expanding, thanks to the 80-minute <em>Plan 10?</em> The font debuts in the film&rsquo;s opening credits, and goes on to appear on a metal plaque, and finally on a vintage green-on-black CRT monitor operated by the protagonist (it was 1994, after all.) In any case, Deseret seems poised to enter this century in earnest: the Unicode Consortium, whose character encodings form the underpinnings of today&rsquo;s OpenType fonts, has included <a href="http://unicode.org/charts/case/chart_Deseret.html
  5137. " target="_blank">all 80 Deseret characters</a> in its established specifications. If you can read that page, you&rsquo;ve got Deseret on your computer. And if you&rsquo;ve got Deseret on your computer, can the hiveheads be far behind? &mdash; LJ</p>]]>
  5138.    </description>
  5139.    <pubDate>Mon, 29 Oct 2007 13:57:00 +0000</pubDate>
  5140.    <guid>https://www.typography.com/blog/fonts-in-space#269</guid>
  5141. </item>
  5142.                   <item>
  5143.    <title><![CDATA[Grecian Fonts: A Miscellany]]></title>
  5144.    <link>https://www.typography.com/blog/grecian-fonts-a-miscellany</link>
  5145.    <description>
  5146.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/bountiful_500.jpg">
  5147.  
  5148. <p><span class="small-caps">I thought I&rsquo;d bid farewell to H&amp;Co Greek Week</span> with a glimpse inside some of our library&rsquo;s more exotic type specimens. After the jump, some stellar Grecian typefaces which have yet to be properly revived, and the type specimen books in which they&rsquo;re showcased so well.</p>
  5149.  
  5150. <p>The above is unusual: it&rsquo;s the <em>10-Line Grecian Double Extra Condensed</em> of William Page (1872), and eagle-eyed readers may have noticed that it&rsquo;s printed not in black and white, but in retina-searing magenta. Why? It&rsquo;s because this specimen, the rare <em>Wm. H. Page &amp; Co. Wood Type</em> of 1872, was a joint venture to promote both wood type made by Page, and printing inks made by H. D. Wade &amp; Co. of New York. Even at the age of 135, the book&rsquo;s colors are alarmingly bright and rich, doubtless because they contain unlawfully toxic levels of cadmium and other heavy metals.</p>
  5151. <!--read_more-->
  5152.  
  5153. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-page-1872-B_500.jpg">
  5154.  
  5155. <p>Above, the expanded showing of Page&rsquo;s <em>Grecian Double Extra Condensed</em> in the 8-line and 10-line sizes (&ldquo;line&rdquo; essentially translates as &ldquo;pica.&rdquo;) The different shapes of the capital and lowercase <strong class="alternate">S</strong> are interesting: the diagonal spine in the lowercase is attractive and legible, but it&rsquo;s the horizontal form that&rsquo;s survived, probably because it&rsquo;s more successful in other weights and widths. The top of the lowercase <strong class="alternate">t</strong>, and the dot of the lowercase <strong class="alternate">i</strong>, seem over-bevelled; the question of how many times you apply the process is one that plagues many Grecians, as we&rsquo;ll see below. Note also that whoever composed these pages chose sample words with no descenders, a sneaky way of making the settings as dense as possible.</p>
  5156.  
  5157. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-page-1872-A_500.jpg">
  5158.  
  5159. <p>More from the Page company, showing Grecians in a range of different proportions. The different treatments of the serifs on the arm of the capital <strong class="alternate">E</strong> reveals different approaches in the execution of the style, its length and thickness varying from size to size. At top left are three beefy designs simply called <em>Grecian;</em> it&rsquo;s on these that our <a href="http://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis</a> font is based. The fourth line, showing the <em>Grecian Condensed No. 1</em> typeface, has extra bevels on the interiors of the cap <strong class="alternate">R</strong> and <strong class="alternate">U</strong> &mdash; again, raising the question of how far to take the theme. To my eyes, these additional lines compromise the style rather than reinforcing it: it&rsquo;s the tension between a square inside and an octagonal outside that gives the style vigor.</p>
  5160.  
  5161. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-bruce-1882_500.jpg">
  5162.  
  5163. <p>George Bruce was a prolific American typefounder, and the firm directed by his heirs produced in 1876 an epic type specimen book that&rsquo;s the size of the New York Yellow Pages. This is the <em>Ornamented No. 1,001</em> that appeared in the <em>Specimen of George Bruce&rsquo;s Son &amp; Co.,</em> which reimagines the Grecian as the shadow of some other form &mdash; not unlike the <a href="https://www.typography.com/blog/mrs-gray-and-the-mystery-of-the-grecian-italic" target="_blank">Thorowgood italic</a> that I posted on Monday. In <em><a href="https://www.amazon.com/gp/product/0306800594/ref=as_li_tl?ie=UTF8&tag=typographycom-20&camp=1789&creative=9325&linkCode=as2&creativeASIN=0306800594&linkId=04a482f3c62b5f1424a5914202bdc6ed" target="_blank">American Wood Type, 1828-1900</a>,</em> Rob Roy Kelly shows an earlier face after which this one was probably patterned, a wood type made by Wells &amp; Webb in 1846. (Bruce&rsquo;s faces were metal.)</p>
  5164.  
  5165. <p>Interesting details include the capital <strong class="alternate">S</strong> in the largest size, in which the attachment of the serifs shows two different approaches (antique upstairs, mod downstairs.) Also note the lowercase <strong class="alternate">s</strong> at the end of the second line, whose serifs just don&rsquo;t know when to stop turning. Again the question of how far to take the theme; I think that <strong class="alternate">s</strong> takes it too far.</p>
  5166.  
  5167. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-peignot-1896_500.jpg">
  5168.  
  5169. <p>The Grecian style was essentially an American invention, but within two years of its arrival, European typefounders were producing Grecians as well. Identified only as <em>No. 1229,</em> this is a typeface from the French typefoundry of Peignot, as it appeared in their <em>Lettres Fantaises</em> of 1896. Most of the typefaces in this specimen book are in different <em>fin-de-siecle</em> styles: by 1896, the Grecian style was already 55 years old, and long out of fashion. Peignot seems to have attempted to reinvigorate the style with an unusual side shadow, a tradition from sign writing rather than typefounding. This subtle detail transplants the design from a world of gunslingers and railroad tycoons to one of music halls and absinthe drinkers.</p>
  5170.  
  5171. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/grecian-conner-1876_500.jpg">
  5172.  
  5173. <p>In the nineteenth century, James Conner was known as an adroit businessman, but today we&rsquo;d call him a pirate. His firm engaged the engineer William Starr to devise a process known as &ldquo;electrotyping,&rdquo; by which fonts of lead type could be purchased from type foundries, and then subjected to chemical electroplating in order to produce brass negatives, from which additional lead type could be cast. As a result, the 1876 <a href="https://www.typography.com/blog/time-traveler" target="_blank"><em>Compact Specimens of James Conner&rsquo;s Sons</em></a> features an incredible assortment of typefaces from an unknown number of authors, including this accumulation of unrelated Grecians organized under a single heading. The ten point design shown here, obviously unconnected with its neighbors, presumably came from a different source. But it&rsquo;s an interesting caricurature of the truism that in order for a font to be legible, it must get <a href="https://www.typography.com/fonts/chronicle-display/features/chronicle-optical-sizes/" target="_blank">wider</a> as it gets smaller. &mdash; JH</p>]]>
  5174.    </description>
  5175.    <pubDate>Fri, 26 Oct 2007 21:33:00 +0000</pubDate>
  5176.    <guid>https://www.typography.com/blog/grecian-fonts-a-miscellany#268</guid>
  5177. </item>
  5178.                   <item>
  5179.    <title><![CDATA[Ode on a Grecian Kern]]></title>
  5180.    <link>https://www.typography.com/blog/ode-on-a-grecian-kern</link>
  5181.    <description>
  5182.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/acropolis_statues.png">
  5183.  
  5184. <p><strong>Greek Week Continues!</strong></p>
  5185.  
  5186. <p><span class="small-caps">Like all good New Yorkers, we know how to respond</span> to unattended packages: with deep dread and unbridled panic. Yet despite our daily diet of <a href="http://www.mta.info/mta/security/images/?file=ssss3.jpg" target="_blank">Orwellian public service announcements</a>, a devil-may-care attitude moved someone at our office to immediately open the unmarked brown paper parcel that was left outside our door (candy!), inside which were these: a pair of fired clay sculptures in the shape of &mdash; what else? &mdash; the <strong class="alternate">h</strong> and <strong class="alternate">fj</strong> from our very own Grecian italic typeface, and this week&rsquo;s cause c&eacute;l&egrave;bre, <a href="http://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis Italic</a>. Bookends? Graven images? Anyone care to fess up? Whoever you are, you&rsquo;ve earned your stripes for ginning up an &lsquo;fj&rsquo; ligature where there was none; that takes both thoughtfulness and pluck. So thank you for the gift, secret admirer! Do get in touch so we can send you a proper thank-you note, or a restraining order. &mdash; JH</p>]]>
  5187.    </description>
  5188.    <pubDate>Thu, 25 Oct 2007 07:23:00 +0000</pubDate>
  5189.    <guid>https://www.typography.com/blog/ode-on-a-grecian-kern#267</guid>
  5190. </item>
  5191.                   <item>
  5192.    <title><![CDATA[My Big Fat Grecian Lettering]]></title>
  5193.    <link>https://www.typography.com/blog/my-big-fat-grecian-lettering</link>
  5194.    <description>
  5195.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/sandler-brau.gif">
  5196.  
  5197. <p><strong>Greek Week Continues!</strong></p>
  5198.  
  5199. <p><span class="small-caps">Making good on his standing promise</span> to rid the world of enamel signs, and warehouse them in the office for our personal amusement, Tobias came across this little bit of heaven in a local antique shop. The full image features a stalwart gent in lederhosen hoisting a beer stein, but for typophiles, this is where all the action is: cousin to the Grecian italic, it&rsquo;s a (1) faceted (2) chromatic (3) blackletter that would have made a nice auxiliary to our <a href="https://www.typography.com/fonts/knox/overview/" target="_blank">Knox</a> typeface. Three great tastes that taste great together! &mdash; JH</p>]]>
  5200.    </description>
  5201.    <pubDate>Wed, 24 Oct 2007 06:35:00 +0000</pubDate>
  5202.    <guid>https://www.typography.com/blog/my-big-fat-grecian-lettering#266</guid>
  5203. </item>
  5204.                   <item>
  5205.    <title><![CDATA[Greek Week Continues]]></title>
  5206.    <link>https://www.typography.com/blog/greek-week-continues</link>
  5207.    <description>
  5208.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/swing_U_500.png">
  5209.  
  5210. <p><span class="small-caps">Right on the heels of yesterday&rsquo;s post</span> about <a href="https://www.typography.com/blog/mrs-gray-and-the-mystery-of-the-grecian-italic" target="_blank">Grecian italics</a> comes this, a reminder that Swing University is back in session. <a href="http://www.jazzatlincolncenter.org/jazzed/subs/swing_u.html" target="_blank">Swing U</a>, a production of Jazz at Lincoln Center, is a terrific series of courses directed by jazz authority Phil Schaap. Design Director Bobby Martin Jr. developed this identity for Swing U using none other than <a href="https://www.typography.com/fonts/acropolis/overview/" target="_blank"> Acropolis Black Italic</a>, what was heretofore the world&rsquo;s only Grecian italic typeface, and certainly one of the most exotic faces in the H&amp;Co collection. Every octagonal typeface has a collegiate quality, and Martin cleverly teased this out of Acropolis by adding a double outline that&rsquo;s right off a varsity jacket. That he&rsquo;s got the swash <strong class="alternate">T</strong> in there adds a nice note of syncopation &mdash; a great way of marrying academics and bop. It makes perfect sense and looks great; to paraphrase Count Basie, &ldquo;if it looks good, it is good.&rdquo; &mdash; JH</p>]]>
  5211.    </description>
  5212.    <pubDate>Tue, 23 Oct 2007 09:22:00 +0000</pubDate>
  5213.    <guid>https://www.typography.com/blog/greek-week-continues#265</guid>
  5214. </item>
  5215.                   <item>
  5216.    <title><![CDATA[Mrs. Gray and the Mystery of the Grecian Italic]]></title>
  5217.    <link>https://www.typography.com/blog/mrs-gray-and-the-mystery-of-the-grecian-italic</link>
  5218.    <description>
  5219.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/thorowgood_6line_rev_eg_500.png">
  5220.  
  5221. <p><span class="small-caps">&ldquo;Grecians&rdquo; are slab serif typefaces</span> in which curves are replaced by bevelled corners. The fashion for octagonal letters took off in the 1840s (the style may have begun with an American wood type, produced by Johnson &amp; Smith in 1841), and by the end of the decade there were all manner of Grecians on the market: narrow ones, squat ones, light ones, ones with contrasting thicks and thins, and ones without. It&rsquo;s unusual that the rather obvious &ldquo;square-proportioned&rdquo; Grecian didn&#39;t arrive until 1857, and that no one thought to add a lowercase until 1870. It&rsquo;s this very center of the Grecian universe that our <a href="https://www.typography.com/fonts/acropolis/overview/" target="_blank">Acropolis</a> typeface occupies, which includes an additional feature of our own invention: a <a href="https://try.typography.com/?font=100000" target="_blank">Grecian italic</a>, something that no Victorian typefounder ever thought to create.</p>
  5222.  
  5223. <p>Or so we thought. This is the <em>Six-Line Reversed Egyptian Italic</em> of William Thorowgood, which sure enough qualifies as a Grecian italic. It has many peculiar features, but the most unearthly is its date: 1828, thirteen years <strong>before</strong> the first Grecian <em>roman</em> appeared. What&rsquo;s the story?</p>
  5224. <!--read_more-->
  5225.  
  5226. <p>In <em><a href="http://www.amazon.com/exec/obidos/ASIN/0571102174/typographycom-20" target="_blank">Nineteenth Century Ornamented Typefaces</a>,</em> Nicolete Gray reproduces the Thorowgood face alongside a collection of other cameo alphabets. She writes: &ldquo;The peculiarities of this design anticipate the Grecian.... is the idea again derived from the visual effect of contemporary three-dimensional letters with a canted return?&rdquo;</p>
  5227.  
  5228. <p>It&rsquo;s an interesting idea, and perhaps the one that explains one of the design&rsquo;s strangest features: the disagreement between the forward angle of its stems, and the backward angle of its serifs. (Thorowgood&rsquo;s other faces exhibit strong convictions, suggesting that this could hardly have been an accident.) Following Mrs. Gray&rsquo;s idea to its logical conclusion, it&rsquo;s interesting to imagine these white shapes as the shadow of some absent form: I wonder if this is what Thorowgood intended?</p>
  5229.  
  5230. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/thorowgood-chromatic_500.png">
  5231.  
  5232. <p>Had two-color &ldquo;<a href="https://www.typography.com/fonts/shades/overview/" target="_blank">chromatic</a>&rdquo; types been invented, I would have liked to see these foreground shapes rendered as their own alphabet (minus the awkward <strong class="alternate">M</strong>, which is presumably a casualty of the drop shadow.) If this was what Thorowgood had in mind, it&rsquo;s stirring to think that he was indeed the inventor of the Grecian, and a cameo, dimensional, high-contrast, italic Grecian at that. &mdash;JH</p>]]>
  5233.    </description>
  5234.    <pubDate>Mon, 22 Oct 2007 15:24:00 +0000</pubDate>
  5235.    <guid>https://www.typography.com/blog/mrs-gray-and-the-mystery-of-the-grecian-italic#264</guid>
  5236. </item>
  5237.                   <item>
  5238.    <title><![CDATA[You talkin’ to me?]]></title>
  5239.    <link>https://www.typography.com/blog/you-talkin-to-me</link>
  5240.    <description>
  5241.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/checkercab_1920.png">
  5242.  
  5243. <p><span class="small-caps">Thankfully this was published</span> <em>after</em> my cab ride back from the airport, after AIGA Denver:</p>
  5244.  
  5245. <blockquote class="excerpt">
  5246. <p>&ldquo;Whatever design changes befall the yellow taxi, in my mind they&rsquo;ll forever have checker striping, double headlights, and a rate card posted on the front doors that&rsquo;s quirkily lettered and reckoned in fractions of a mile. (But then, I also believe that &lsquo;The Train to the Plane&rsquo; is still in operation, because its noisome jingle has never stopped playing in my head.)&rdquo;</p>
  5247.  
  5248. <p>&ldquo;It&rsquo;s hard to argue with the principles behind the <a href="http://www.nyc.gov/html/tlc/html/safety_emissions/taxicab_logo_main.shtml" target="_blank">solution</a>, but with so many different ideas at work it&rsquo;s not surprising that the final form feels kind of unfinished. I do have to admire Smart Design for trying to introduce a form of lettering that evokes the old computer-printed hack licenses, since for me this is the defining typography of the backseat. But divorced from the puzzle of spending an entire ride trying to decipher a name like <span class="small-caps">&lsquo;rnprowit sj,&rsquo;</span> I don&rsquo;t know that everyone will get the connection. Perhaps they could have sealed the deal with <span class="small-caps">&lsquo;nyct axi,&rsquo; </span>accompanied by a photo of someone who&#39;s clearly not the driver?&rdquo;</p>
  5249. </blockquote>
  5250.  
  5251. <p>That&rsquo;s me, one of eight designers invited by <em><a href="http://cityroom.blogs.nytimes.com/2007/10/18/dreaming-of-a-blank-yellow-slate-on-wheels/" target="_blank">The New York Times</a></em> to critique the new NYC Taxi logo. (And I wonder why they don&rsquo;t go to Brooklyn&hellip;) &mdash;JH</p>]]>
  5252.    </description>
  5253.    <pubDate>Thu, 18 Oct 2007 16:48:00 +0000</pubDate>
  5254.    <guid>https://www.typography.com/blog/you-talkin-to-me#263</guid>
  5255. </item>
  5256.                   <item>
  5257.    <title><![CDATA[Rocky Mountain Type High (.9186 inch)]]></title>
  5258.    <link>https://www.typography.com/blog/rocky-mountain-type-high-.9186-inch</link>
  5259.    <description>
  5260.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/aiga_denver_hfj_500.jpg">
  5261.  
  5262. <p><span class="small-caps">A quick invitation</span> for everyone who&rsquo;s coming to Denver this weekend for <a href="http://designconference2007.aiga.org/" target="_blank"><em>Next: the AIGA Design Conference</em></a><em>:</em> Jonathan Hoefler will be speaking on Friday at 2:15, discussing how recent changes in the profession have brought about what might be the end of historical typography, and what this means for designers going forward. (He&rsquo;ll also be offering a rare <strong>sneak preview</strong> of some projects that will debut in 2008.) A conference schedule appears <a href="http://designconference2007.aiga.org/dc-affinity-session-presentations" target="_blank">here</a> &mdash; come and join the conversation!</p>]]>
  5263.    </description>
  5264.    <pubDate>Wed, 10 Oct 2007 09:30:00 +0000</pubDate>
  5265.    <guid>https://www.typography.com/blog/rocky-mountain-type-high-.9186-inch#262</guid>
  5266. </item>
  5267.                   <item>
  5268.    <title><![CDATA[The Guerilla Anagrammer]]></title>
  5269.    <link>https://www.typography.com/blog/the-guerilla-anagrammer</link>
  5270.    <description>
  5271.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/guerilla_anagrams_500.jpg">
  5272.  
  5273. <p><span class="small-caps">One of <a href="https://www.typography.com/about/biographies.php#clymer" target="_blank">Andy&rsquo;s</a> <a href="http://www.andyclymer.com/foto/archives/000255.html" target="_blank">photographs</a></span> features his friend Albert walking before a giant <em style="font-size:14px; line-height:22px">FU</em> on a Williamsburg sidewalk. &ldquo;The letters used to spell out <em style="font-size:14px; line-height:22px">You Are Beautiful</em>,&rdquo; Andy explained, &ldquo;before someone started moving them around the neighborhood&hellip;&rdquo; It reminded me of a similar bit of guerilla anagramming in my neighborhood: a few years ago, our local movie theater finally gave up the ghost after 93 years. During the brief interregnum between tenants, someone had a few weeks of nighttime fun with the marquee.</p>
  5274.  
  5275. <p>For a while, I got most of my news from this sign, whether it was the looming <a href="http://www.flickr.com/photos/jackszwergold/1646172067/in/set-72157602543648274/" target="_blank">SARS epidemic</a> or the equally ominous appointment of <a href="http://www.flickr.com/photos/jackszwergold/1647031386/in/set-72157602543648274/" target="_blank">Chief Justice Roberts</a>. Jack Szwergold has collected them all on <a href="http://www.flickr.com/photos/jackszwergold/sets/72157602543648274/" target="_blank">Flickr</a>; the ones that make the least sense are among the most entertaining. &mdash;JH</p>]]>
  5276.    </description>
  5277.    <pubDate>Mon, 08 Oct 2007 16:35:00 +0000</pubDate>
  5278.    <guid>https://www.typography.com/blog/the-guerilla-anagrammer#261</guid>
  5279. </item>
  5280.                   <item>
  5281.    <title><![CDATA[Books as Furniture]]></title>
  5282.    <link>https://www.typography.com/blog/books-as-furniture</link>
  5283.    <description>
  5284.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/english_specimen_books_500.jpg">
  5285.  
  5286. <p><span class="small-caps">Years ago, I walked into a used book store</span> in Chicago, and beheld an astronomically unlikely thing: a run of pristine leather books, each stamped <span class="small-caps">&ldquo;caslon&rdquo;</span> in gold letters, each in a typeface of a different vintage. These were type specimen books from the Caslon foundry, and to see them in such quantity was a singular experience. Type specimens are usually accumulated individually, painstakingly, and expensively, from antiquarian specialists or the occasional flea market. Only rarely do they surface in sets, and when they do it&rsquo;s usually at a private auction, not on the shelf behind the counter at a bookshop that also sells gum.</p>
  5287.  
  5288. <p>Noticing the tag marked &ldquo;sold,&rdquo; I asked if perchance they&rsquo;d gone to a fellow type designer. The shopkeeper replied that they had not: they&rsquo;d been sold to one of the store&rsquo;s regulars, a <span class="strikethrough">philistine</span> decorator who&rsquo;s always on the lookout for clean leather bindings, <em>for use simply as a background texture</em> in someone&rsquo;s living room.</p>
  5289. <!--read_more-->
  5290.  
  5291. <p>This was my first brush with &ldquo;books by the yard,&rdquo; a hot topic last week. At <a href="http://www.designobserver.com/archives/028168.html" target="_blank">Design Observer</a>, Steve Heller unearthed a copy of <em>65 Ways to Decorate with Books in Your Home;</em> in <em><a href="http://www.newyorker.com/talk/2007/10/01/071001ta_talk_kelley" target="_blank">The New Yorker</a>,</em> Austin Kelley wrote about the bookshelves of one Dr. Indiana Jones, furnished by the <a href="http://www.strandbooks.com/app/www/p/bbtfoot/" target="_blank">Books-by-the-foot</a> service at New York&rsquo;s Strand bookstore. But neither article mentioned my favorite work on the subject, the achingly funny <em>Books as Furniture</em> by Nicholson Baker.</p>
  5292.  
  5293. <p>Baker, the unchallenged master of profound minutiae, takes a loupe to a collection of mail-order catalogs and returns with some outstanding notes about the handsome books that populate their pages. A favorite moment:</p>
  5294.  
  5295. <blockquote>
  5296. <p>In one of the latest J. Crew catalogs, there is a literary interlude on page 33: a man in shorts and plaster-dusted work boots, sitting in a half-remodeled room &mdash; on break, apparently, from his labor of hammering and gentrifying &mdash; is looking something up in what close inspection reveals to be a <em>Guide Bleu</em> to Switzerland, probably from the forties, in French.</p>
  5297. </blockquote>
  5298.  
  5299. <p>The essay appears in <em><a href="https://www.amazon.com/gp/product/B005GFIIUS/ref=as_li_tl?ie=UTF8&amp;tag=typographycom-20&amp;camp=1789&amp;creative=9325&amp;linkCode=as2&amp;creativeASIN=B005GFIIUS&amp;linkId=c852d30c34555640cb03132dbcf06744" target="_blank">The Size of Thoughts (and Other Lumber)</a>,</em> a rewarding collection of Baker&rsquo;s writings that everyone should have. Typophiles will appreciate Baker&rsquo;s article about obsolete forms of punctuation, the climax of which is a sentence that can&rsquo;t be written without using a specific extinct species. And designers will enjoy his &ldquo;predictive matrix of swear words that don&rsquo;t exist but should,&rdquo; created for a review of the <em><a href="https://www.amazon.com/gp/product/0394544277/ref=as_li_tl?ie=UTF8&amp;tag=typographycom-20&amp;camp=1789&amp;creative=9325&amp;linkCode=as2&amp;creativeASIN=0394544277&amp;linkId=d70215073f715b8faf0cd7d4ae89e966" target="_blank">Historical Dictionary of American Slang</a> (Volume 1, A-G.)</em> It&rsquo;s something out of a parallel universe, in which Edward R. Tufte was the art director of <em>Mad.</em> &mdash;JH</p>]]>
  5300.    </description>
  5301.    <pubDate>Sat, 06 Oct 2007 13:29:00 +0000</pubDate>
  5302.    <guid>https://www.typography.com/blog/books-as-furniture#260</guid>
  5303. </item>
  5304.                   <item>
  5305.    <title><![CDATA[The Voynich Manuscript]]></title>
  5306.    <link>https://www.typography.com/blog/the-voynich-manuscript</link>
  5307.    <description>
  5308.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/voynich.jpg">
  5309.  
  5310. <p><span class="small-caps">Only if Umberto Eco,</span> Jorge Luis Borges, J. R. R. Tolkien and Will Shortz clubbed together in a moment of wickedness could humanity produce a more vexing object: behold the <a href="http://en.wikipedia.org/wiki/Voynich_manuscript" target="_blank">Voynich Manuscript</a>, a puzzling artifact from the late fifteenth century written by an unknown author, in an unidentified script, in an unknown <em>language.</em> Since 1912, cryptographers, palaeographers, and others with time on their hands have failed to decipher this mysterious document; naturally one theory is that it&rsquo;s a monstrous hoax, though its text seems to bear the hallmarks of a genuine language (note the cross-references on <a href="http://en.wikipedia.org/wiki/Zipf%27s_law" target="_blank">Zipf&rsquo;s Law</a>, <a href="http://en.wikipedia.org/wiki/Information_entropy" target="_blank">information entropy</a>, and the <a href="http://en.wikipedia.org/wiki/Cardan_grille" target="_blank">Cardan grille</a>). Any theories? &mdash;JH</p>]]>
  5311.    </description>
  5312.    <pubDate>Wed, 03 Oct 2007 13:35:00 +0000</pubDate>
  5313.    <guid>https://www.typography.com/blog/the-voynich-manuscript#259</guid>
  5314. </item>
  5315.                   <item>
  5316.    <title><![CDATA[More Type Tour Photos]]></title>
  5317.    <link>https://www.typography.com/blog/more-type-tour-photos</link>
  5318.    <description>
  5319.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typetour-johnkwo_500.jpg">
  5320.  
  5321. <p><span class="small-caps">John Kwo posted this <a href="http://flickr.com/photos/14341566@N07/sets/72157602208508126/" target="_blank">Flickr set</a></span> with some beautifully crisp photos from the type tour.&nbsp;Don&rsquo;t miss some of the great inscriptional lettering to be found on lower Manhattan&rsquo;s municipal buildings, including <a href="http://flickr.com/photos/14341566@N07/1463749820/in/set-72157602208508126/" target="_blank">these</a> spirited <strong class="alternate">NH</strong> and <strong class="alternate">TT</strong> ligatures.</p>
  5322.  
  5323. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typetour-villatype_500.jpg">
  5324.  
  5325. <p>Over at <a href="http://villatype.blogspot.com/2007/09/nyc-type-walk.html" target="_blank">Villatype</a>, Joe Shouldice has assembled some instructive comments to accompany his photos. Points for relating why signpainters&rsquo; dropshadows point left instead of right, and defining the term &ldquo;gaspipe lettering.&rdquo;</p>
  5326.  
  5327. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typetour-mattsung_500.jpg">
  5328.  
  5329. <p>More goodies from Matt Sung, again on <a href="http://flickr.com/photos/cleverclever/sets/72157602202256436/" target="_blank">Flickr</a>. Matt definitely shares our thing for <a href="http://flickr.com/photos/cleverclever/1459859673/in/set-72157602202256436/" target="_blank">distressed</a> typography!</p>
  5330.  
  5331. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typetour-surtees_500.jpg">
  5332.  
  5333. <p>You&rsquo;ve got to admire the rudeness of the above, from Michael Surtees&rsquo; <a href="http://www.flickr.com/photos/michaelsurtees/sets/72157602237414901/" target="_blank">Flickr set</a>. Michael captured some other excellent moments, including this unlikely but fabulous set of <a href="http://www.flickr.com/photos/michaelsurtees/1467947795/" target="_blank">inscriptional, inline, sans-serif, old-style figures.</a> &mdash;JH</p>]]>
  5334.    </description>
  5335.    <pubDate>Mon, 01 Oct 2007 11:07:00 +0000</pubDate>
  5336.    <guid>https://www.typography.com/blog/more-type-tour-photos#257</guid>
  5337. </item>
  5338.                   <item>
  5339.    <title><![CDATA[Type Tour Photos]]></title>
  5340.    <link>https://www.typography.com/blog/type-tour-photos</link>
  5341.    <description>
  5342.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/typetour-photos_500_2.jpg">
  5343.  
  5344. <p><span class="small-caps">For those of you who missed</span> last weekend&rsquo;s AIGA/NY Typographic Walking Tour,&nbsp;designer Karen Horton has uploaded a <a href="http://www.flickr.com/photos/8790226@N06/sets/72157602200897216/" target="_blank">Flickr set</a> containing some of the highlights. There are a couple of treasures here that aren&rsquo;t to be missed, including at least one rare <a href="http://en.wikipedia.org/wiki/Palimpsest#Decipherment_in_architecture" target="_blank">architectural palimpsest</a> that won&rsquo;t be visible for long. (Demolition in the city regularly exposes sudden windows into the the past, as in 1998 when Times Square was suddenly home to a <a href="http://query.nytimes.com/gst/fullpage.html?res=9906E7DE173DF93AA35757C0A96E958260&amp;n=Top%2fReference%2fTimes%20Topics%2fSubjects%2fO%2fOutdoor%20Advertising" target="_blank">121-year-old advertisement</a> for &ldquo;J. A. Keal&rsquo;s Carriage Manufactory,&rdquo; painted in 1877.) Some of the lettering on the type tour is older still, and some of the newer signs may find themselves covered up by adjacent construction. So catch them while you can, or wait another 121 years to see if they resurface in 2128. &mdash;JH</p>]]>
  5345.    </description>
  5346.    <pubDate>Sun, 30 Sep 2007 09:12:00 +0000</pubDate>
  5347.    <guid>https://www.typography.com/blog/type-tour-photos#256</guid>
  5348. </item>
  5349.                   <item>
  5350.    <title><![CDATA[The One Ill Building]]></title>
  5351.    <link>https://www.typography.com/blog/the-one-ill-building</link>
  5352.    <description>
  5353.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/theoneillbuilding.png">
  5354.  
  5355. <p><span class="small-caps">When I first saw the banner</span> unfurled on Sixth Avenue, I figured <em>The One Ill Building</em> was a Beastie Boys&rsquo; foray into urban planning. (Long overdue, if you ask me: if Jade Jagger can be an <a href="http://jadeny.com/" target="_blank">architect&rsquo;s muse</a>, why not the King Ad-Rock?) If not a real estate development, then surely <em>theoneillbuilding.com</em> was promoting a documentary about sick building syndrome, narrated by, say, Al Gore.</p>
  5356.  
  5357. <p>Turns out it&rsquo;s neither. So what is <em>The One Ill Building?</em></p>
  5358. <!--read_more-->
  5359.  
  5360. <p>In the early nineties, no interview with a typeface designer was complete without the obligatory question about &ldquo;intercapping,&rdquo; the practice of using a capital letter in the middle of a word. [The redacted conversation was always: <em>Q: What do you think of intercapping? A: I have no opinion about intercapping.</em>] Intercapping first became fashionable in the seventies as a branding gimmick, used to cherry up faded brand names: Compu-serv became CompuServe in 1977, Master Charge became MasterCard in 1979. In 1984, Apple cleverly used intercapping to promote the first suite of applications for the Macintosh: riffing on a genuine piece of Scottish <a href="http://en.wikipedia.org/wiki/Onomastics" target="_blank">onomatology</a> (&ldquo;Mac&rdquo; means &ldquo;son of&rdquo; in Gaelic), programs like MacPaint, MacWrite, and MacDraw seemed as natural on the tongue as the surnames MacDuff, MacTavish, and MacAlpine. Programs produced outside of Apple followed suit, dropping the &ldquo;Mac&rdquo; prefix for trademark reasons (FullPaint, ComicWorks, PageMaker.) And by the end of the eighties, intercapping had become an established clich&eacute; for signifying anything that was high tech, as it remains today (PlayStation, TiVo, BlackBerry, LiveJournal, MySpace, YouTube...) Intercapping also proved an irresistable solution to the branding of mergers and acquisitions among equals, thus ExxonMobil, PriceWaterhouseCoopers, and the spectacularly Klingonesque GlaxoSmithKline.</p>
  5361.  
  5362. <p>So here we are in the twenty-first century, and intercapping is beginning to fall out of favor <em>at the precise moment when it might actually prove useful.</em> HTTP has become the lingua franca of commerce, and the pecked syntax of the URL profoundly affects the way we interact with brands. (Will brands like &ldquo;AT&amp;T&rdquo; and &ldquo;L&rsquo;Oreal&rdquo; forever retain their punctuation, once they&rsquo;re chiefly experienced as att.com and loreal.com?) The good news for brands with compound names is that domain names are case-insensitive, so a URL styled <a href="https://en.wikipedia.org/wiki/O%27Neill_Building" target="_blank">theONeillBuilding.com</a> will obligingly take users to the correct place. Suddenly, intercaps have a genuine purpose: invisible to machines, they aid human comprehension, which is ultimately the goal of all typography.</p>
  5363.  
  5364. <p>A few years ago, urban legends began to circulate about the accidentally funny URLs of Powergen Italia, Pen Island, and Therapist Finder (you do the math.) To this day, those hoping to connect with their favorite Hollywood starlets can do so at the alarming website <a href="http://www.whorepresents.com/" target="_blank">whorepresents.com</a>. All of these mixups could have been avoided &mdash; or amplified &mdash; by a little creative intercapping.</p>
  5365.  
  5366. <p>So along with mayonnaise, diesel engines, and high-waisted pants, we think it&rsquo;s time to <strong>bring back the intercap.</strong> Give it a new name if it&rsquo;s good for business (<em>aioli</em> worked wonders for the egg lobby): perhaps intercapping in 2008 will be about caseTransparency or serverBranding. If after all this you&rsquo;re still uncertain about whether you prefer caps or lowercase letters, maybe it&rsquo;s time for a <a href="http://www.graphicartsexchange.com" target="_blank">graphic art sex change</a>. &mdash;JH</p>]]>
  5367.    </description>
  5368.    <pubDate>Thu, 27 Sep 2007 08:14:00 +0000</pubDate>
  5369.    <guid>https://www.typography.com/blog/the-one-ill-building#255</guid>
  5370. </item>
  5371.                   <item>
  5372.    <title><![CDATA[A Treasury of Hollywood Lettering]]></title>
  5373.    <link>https://www.typography.com/blog/a-treasury-of-hollywood-lettering</link>
  5374.    <description>
  5375.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/the_end_small_2.png">
  5376.  
  5377. <p><span class="small-caps">Lettering buffs</span> and cinephiles alike may enjoy this lovely <a href="http://www.flickr.com/photos/fliegender/sets/1161829/" target="_blank">Flickr set</a> containing final frames of classic films. Romantically, these hearken back to an age before typesetting replaced hand-lettering as a matter of convenience, but sociologically they tell another interesting story as well. A movie concluding with &ldquo;The End,&rdquo; perhaps followed by a list of its major players, definitively dates a film to before the rise of the unions, which now negotiate on-screen credits for even off-screen contributors. Best Boys and Key Grips are old hat: today it&rsquo;s Mouse Wranglers and Assistant Caterers who are the little people, along with the occasional Compositing Inferno Artist. (But where are the type designers, hm?) See this fascinating <a href="http://graphics8.nytimes.com/images/2004/01/11/movies/cred_graph.gif" target="_blank">infographic</a> in <em>The New York Times,</em> comparing the length of the credits in <em>Casablanca</em> with those in <em>Lord of the Rings.</em> &mdash;JH</p>]]>
  5378.    </description>
  5379.    <pubDate>Wed, 26 Sep 2007 09:49:00 +0000</pubDate>
  5380.    <guid>https://www.typography.com/blog/a-treasury-of-hollywood-lettering#254</guid>
  5381. </item>
  5382.                   <item>
  5383.    <title><![CDATA[Oakleaf: Behind the Scenes]]></title>
  5384.    <link>https://www.typography.com/blog/oakleaf-behind-the-scenes</link>
  5385.    <description>
  5386.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-1-onscreen_500.jpg">
  5387.  
  5388. <p><span class="small-caps">The typeface we designed for The Nature Conservancy</span> is an extension of our <a href="https://www.typography.com/fonts/requiem/overview/">Requiem</a> font, which explores the work of sixteenth century scribe Ludovico Vicentino degli Arrighi (1480&ndash;1527). Arrighi is best remembered as an exemplar of the written italic, but his upright roman capitals capture an interesting balance of calligraphic and typographic traditions. The three variations of the capital <strong class="alternate">T</strong> on the left offer different ways of reconciling the influences of the seriffed inscriptional letter and the swashed written one, and it was this kind of tension that we hoped to explore further. On the left screen is an enlargement from Arrighi&rsquo;s 1523 writing manual <em>Il Modo de Temperare le Penne,</em> and on the right are two variations of the capital <strong class="alternate">E</strong> in the font we designed. The cursive form on the left was one of the first digital drawings made by designer Andy Clymer, and we all thought it was immediately successful. In the final font, it&rsquo;s almost perfectly preserved from this initial stage.</p>
  5389. <!--read_more-->
  5390.  
  5391. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-2-sketches_500.png">
  5392.  
  5393. <p>Fonts whose designs pose a lot of stuctural questions usually start with a lot of sketching. We don&rsquo;t tend to devote much time to the details at this stage, instead focussing on the overall gestures that will suggest the form that the letters will ultimately follow. Above are some of Andy&rsquo;s early sketches for the font, which are beginning to grapple with the same question Arrighi faced: which part of a letter can best support a decorative flourish? The three designs for the <strong class="alternate">H</strong> at the lower left all echo historical examples that we found, reproduced in Kathryn Atkins&rsquo; <a href="http://www.amazon.com/exec/obidos/ASIN/0879235942/typographycom-20" target="_blank"><em>Masters of the Italic Letter</em></a> and Oscar Ogg&rsquo;s <a href="http://www.amazon.com/exec/obidos/ASIN/0486202127/typographycom-20" target="_blank"><em>Three Classics of Italian Calligraphy</em>,</a> two indispensable surveys of renaissance calligraphy.</p>
  5394.  
  5395. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-3-sketches_500.png">
  5396.  
  5397. <p>Calligraphers have the advantage of creating letterforms that need only work in one situation, but a character in a font must anticipate every possible neighbor. A long-tailed <strong class="alternate">K</strong> may run into a capital <strong class="alternate">J</strong> or <strong class="alternate">Q</strong> later in the word, or any lowercase letter with a descender. These are some of Jonathan&rsquo;s early sketches that begin to consider the implications of letters as ingredients in words. At the top right are three constructions for the capital <strong class="alternate">V</strong>, each of which is plausible on its own, but not necessarily in combination with other characters.</p>
  5398.  
  5399. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-5-arrighi_500.jpg">
  5400.  
  5401. <p>This page is from the first round of proofs of the new typeface. At this point we&rsquo;re starting to evaluate more local details like the form and balance of each character, as well as how it gets along with its neighbors, and we&rsquo;re starting to think more concretely about rules for the behavior of the font: when should each version of each character put in an appearance? Inevitably at this stage, we start to question some fundamental things about the design, such as its color or its proportions. One of the crucial purposes of this proof was to help evaulate the <em>fit</em> of the design: whether it was uniformly too tight, or too loose.</p>
  5402.  
  5403. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-6-sign-book_500.jpg">
  5404.  
  5405. <p>Arrighi made letters not only with the pen and the graver, but with the punch: this is an example of Arrighi&rsquo;s first italic printing type, as it appeared in the <em>Epistola de la Lettere Nuovamente</em> of 1529. While Jonathan appears here to be throwing up a gang sign (Westside Kerning Lords; represent), he&rsquo;s in fact pointing out an unusual feature of this typeface: what appear to be two different forms of the lowercase <strong class="alternate">e</strong> in the same word. The first is actually a Greek epsilon, for the <em>Epistola</em> was a letter from Giovanni Giorgio Trissino to Pope Clement VII, advocating an orthographic reform of the Italian language, including the addition of the Greek omega and epsilon to the Latin alphabet. Some of his more successful ideas were the replacement of the consonental <strong class="alternate">i</strong> and <strong class="alternate">u</strong> with visually distinctive forms, which we know today as the letters <strong class="alternate">j</strong> and <strong class="alternate">v</strong>.</p>
  5406.  
  5407. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-7-signs_500.jpg">
  5408.  
  5409. <p>Even in the development of a typeface that has specific roots in the history of printing, we try not to be prejudiced towards ideas from other media. Books make up the core of our studio&rsquo;s reference library, but a growing collection of other kinds of lettered artifacts offer different ways of thinking about typeface design that can often be instructive. At left is Tobias with a recent highlight from his ever-expanding collection of antique enamel signs. (This particular sign didn&rsquo;t play a part in the Oakleaf project, but photographers can&rsquo;t resist them any more than we can.) Below are just a few of the other signs in the collection, many of which will be getting their own close-ups in future posts. Eagle-eyed readers may in the meantime notice connections between some of the signs below and our drawings for the <a href="http://www.typography.com/fonts/numbers/inside/depot/">Depot</a> and <a href="http://www.typography.com/fonts/numbers/inside/strasse">Strasse</a> fonts. &mdash;JH</p>
  5410.  
  5411. <img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-4-proofs_500.png">]]>
  5412.    </description>
  5413.    <pubDate>Sat, 22 Sep 2007 06:01:00 +0000</pubDate>
  5414.    <guid>https://www.typography.com/blog/oakleaf-behind-the-scenes#253</guid>
  5415. </item>
  5416.                   <item>
  5417.    <title><![CDATA[Oakleaf: Glyphs Gone Wild]]></title>
  5418.    <link>https://www.typography.com/blog/oakleaf-glyphs-gone-wild</link>
  5419.    <description>
  5420.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/requiem-swash-oakleaf_500.png">
  5421.  
  5422. <p><span class="small-caps">This weekend, 107 news outlets</span> around the world picked up this <a href="http://ap.google.com/article/ALeqM5iV4x0FA76SFNihyFnV5wOSQ7sKQA" target="_blank">AP story</a> about the custom typeface we designed for one of our favorite organizations, The Nature Conservancy. &ldquo;What it looked like,&rdquo; writes journalist Erin McClam, &ldquo;was not so much an alphabet but a masquerade ball for 26 capital letters that had arrived early, stayed late and gotten into the good liquor.&rdquo;</p>
  5423.  
  5424. <p>The font, which we&rsquo;ve been calling &ldquo;Oakleaf,&rdquo; is a cousin of our <a href="http://www.typography.com/fonts/requiem/overview/">Requiem</a> typeface. (These characters aren&rsquo;t currently available for sale, but keep an eye on this page for updates.) The AP <span class="strikethrough">should be posting</span> has just posted <a href="http://www.typography.com/blog/oakleaf-behind-the-scenes">more illustrations</a> of the font, but in the meantime here&rsquo;s the money shot to which the article alludes: the word &ldquo;Koninklijke,&rdquo; H&amp;Co designer <a href="http://www.typography.com/about/r" target="_blank">Andy Clymer&rsquo;s</a> homage to his alma mater, the Type &amp; Media program at the Royal Academy of Art (Koninklijke Academie van Beeldende Kunsten) in the Hague. &mdash;JH</p>]]>
  5425.    </description>
  5426.    <pubDate>Mon, 17 Sep 2007 12:50:00 +0000</pubDate>
  5427.    <guid>https://www.typography.com/blog/oakleaf-glyphs-gone-wild#252</guid>
  5428. </item>
  5429.                   <item>
  5430.    <title><![CDATA[Time Traveler?]]></title>
  5431.    <link>https://www.typography.com/blog/time-traveler</link>
  5432.    <description>
  5433.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/connor-serif-sans-long_500.jpg">
  5434.  
  5435. <p><span class="small-caps">Except in the most conservative of settings,</span> there&rsquo;s nothing unusual about freely mixing serifs and sans serifs in text. This technique might still be unexpected in a novel, or in the main text of a newspaper, but otherwise it&rsquo;s a familiar device that designers have employed for decades. This image could be a piece of printed ephemera from the thirties &mdash; a legal notice on a train ticket, perhaps, or a gummed label from an appliance box. It&rsquo;s really only the loose spacing that marks this as an antique at all: track everything in a little, and brighten up the paper, and this could easily be a front-of-book service piece in a magazine.</p>
  5436.  
  5437. <p>Where it&rsquo;s completely unexpected is in the pages of a 131-year-old type specimen book. This example, showing the eleven point Law Face in combination with an eerily Helvetica-like Gothic No. 7, is from the <em>Compact Specimens of James Conner&rsquo;s Sons (United States Type Foundry)</em> issued in 1876. Conner&rsquo;s foundry offered a promiscuous collection of fonts, and the layouts of his specimen books were pretty anarchic, so perhaps this setting was simply an accident of probability. Still, it&rsquo;s odd to imagine this very modern piece of typography sharing a world with Wyatt Earp and Jesse James. &mdash;JH</p>]]>
  5438.    </description>
  5439.    <pubDate>Fri, 14 Sep 2007 11:01:00 +0000</pubDate>
  5440.    <guid>https://www.typography.com/blog/time-traveler#250</guid>
  5441. </item>
  5442.                   <item>
  5443.    <title><![CDATA[Gotham Now 100% Batman-Compliant]]></title>
  5444.    <link>https://www.typography.com/blog/gotham-now-100-batman-compliant</link>
  5445.    <description>
  5446.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/gotham-signal-medium.png">
  5447.  
  5448. <p><span class="small-caps">Oh come on.</span> People have been trying to make this headline work for <em>years.</em></p>
  5449.  
  5450. <p>Working on a book for DC Comics last year, our friend <a href="http://mike.essl.com/" target="_blank">Mike Essl</a> encountered two non-standard accents in the name of bat-nemesis <a href="http://en.wikipedia.org/wiki/Ra%27s_al_Ghul" target="_blank">R&#257;&rsquo;s al Gh&#363;l</a>: an a-macron, and a u-macron. Mike&rsquo;s the kind of guy to roll his own (a lesser man would have called tech support), but we&rsquo;re happy to announce that the new OpenType edition of Gotham contains these accents and more, as part of H&amp;Co&rsquo;s <a href="https://www.typography.com/fonts/gotham/features/gotham-language-support/">Latin-X character set</a>.</p>
  5451.  
  5452. <p>Gotham contains all the accents for Turkish, too, in case you&rsquo;re visiting that <a href="https://maps.google.com/maps?q=batman+turkey&amp;ll=37.88488,41.135902&amp;spn=0.166102,0.135612&amp;client=safari&amp;oe=UTF-8&amp;hnear=Batman,+Turkey&amp;gl=us&amp;t=m&amp;z=13" target="_blank">other Batman</a>. &mdash;JH</p>]]>
  5453.    </description>
  5454.    <pubDate>Thu, 13 Sep 2007 07:22:00 +0000</pubDate>
  5455.    <guid>https://www.typography.com/blog/gotham-now-100-batman-compliant#249</guid>
  5456. </item>
  5457.                   <item>
  5458.    <title><![CDATA[Reconstructing Harry]]></title>
  5459.    <link>https://www.typography.com/blog/reconstructing-harry</link>
  5460.    <description>
  5461.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/harry_carter.jpg">
  5462.  
  5463. <p><span class="small-caps">One of the best things</span> about the type community is the way in which attitudes seem to transcend its generations. It&rsquo;s heartening to be at a professional event, and see that the exciting new idea that&rsquo;s being embraced by art school undergrads is also received with equal enthusiasm by, say, Max Kisman, Wim Crouwel, and Adrian Frutiger. But I&rsquo;ve experienced one clear division in typography that&rsquo;s drawn along generational lines, and it&rsquo;s this: typophiles above a certain age know the type historian Harry Carter, and his son who&rsquo;s also involved in type; and those below that age know the distinguished type designer Matthew Carter, and perhaps also that his dad was in the business. A recent book points out what woefully insufficient descriptions these are.</p>
  5464. <!--read_more-->
  5465.  
  5466. <p>I&rsquo;m of the younger camp, and therefore knew <a href="http://www.designmuseum.org/design/matthew-carter" target="_blank">Matthew Carter</a> and his work long before I began to notice the name &ldquo;Harry Carter&rdquo; appearing with any regularity on my bookshelves. I first encountered Harry&rsquo;s name on <em><a href="http://www.amazon.com/exec/obidos/ASIN/0907259219/typographycom-20" target="_blank">A View of Early Typography Up To About 1600</a>,</em> a small book that collects the series of insightful lectures he delivered at Oxford University in 1968. (The original edition is hard to come by, having been pulped nearly in its entirety thanks to some inventory mishap, but <a href="http://www.hyphenpress.co.uk/" target="_blank">Hyphen Press</a> has recently reissued it in paperback, with notes and an introduction by James Mosley. It is very much worth having.)</p>
  5467.  
  5468. <p>Last weekend I read <em><a href="http://www.theoldschoolpress.com/oldschoolpresslist.htm#carter" target="_blank">Harry Carter, Typographer</a>,</em> a new appreciation by Martyn Thomas, John Lane, and Anne Rogers (The Old School Press, 2005.) I&rsquo;ll admit that I was struck first by the puerile thrill of seeing Matthew Carter, the standard-bearer for typeface design, recorded in two childhood photographs showing him in short pants (pp. 17, 26), but I&rsquo;m happy to have returned to the text in earnest. It&rsquo;s an illuminating profile of a genuine polymath: typefounding has long attracted people with diverse but converging interests, though Harry&rsquo;s were unusually well-explored professionally. He worked as a translator, a book designer, an archivist, a designer of patterned papers, a punchcutter, and a graphic designer in His Majesty&rsquo;s Stationery Office, while widely contributing typographical oddments that include lettering for the London buses and the BBC. This work was in addition to (or in support of) his greatest legacy, a collection of writings about typography that reflect his first-hand knowledge of the crafts of typefounding and printing. Harry Carter&rsquo;s most widely-quoted aphorism, &ldquo;type is something that you can pick up and hold in your hand,&rdquo; is a useful reminder that type is not an abstraction but a thing; recognizing that this is the observation of a punchcutter, a compositor, a designer, and a historian gives these words a special potency, and a unique richness.</p>
  5469.  
  5470. <p>For a man I know so little about, it&rsquo;s striking to see how often Harry Carter&rsquo;s name appears on the pages of this site. It&rsquo;s in the description of our <a href="fonts/historical-allsorts/inside/st-augustin-civilite/">Civilit&eacute;</a> font, which was made possible by one of his books, and again in connection with the <a href="https://www.typography.com/fonts/historical-allsorts/inside/fell-types/">Fell Types</a>, about which he wrote the definitive work in 1970 (though credited as a mere contributor.) Our recreation of the oldest living <a href="https://www.typography.com/fonts/historical-allsorts/inside/english-textura/">textura</a> was researched in two of typography&rsquo;s masterworks, and I see now that Harry Carter was a major force behind both: H. D. L. Vervliet&rsquo;s <em>Sixteenth Century Printing Types of the Low Countries</em> records a busy period of scholarship at the Plantin-Moretus Museum (Antwerp) which was largely Harry Carter&rsquo;s project, and the monumental <em>Typefoundries in the Netherlands,</em> all 477 pages of which Carter revised, annotated, and translated from Dutch, might never have come to pass without his energies. Even the historical backstory on the <a href="https://www.typography.com/fonts/hoefler-titling/overview/">Hoefler Titling</a> page, regarding the true history of the &ldquo;Janson&rdquo; typefaces, states its observations as known facts: today they are, but first they were Harry&rsquo;s. &mdash;JH</p>]]>
  5471.    </description>
  5472.    <pubDate>Wed, 12 Sep 2007 07:47:00 +0000</pubDate>
  5473.    <guid>https://www.typography.com/blog/reconstructing-harry#248</guid>
  5474. </item>
  5475.                   <item>
  5476.    <title><![CDATA[Eight Screenings; Five Degrees]]></title>
  5477.    <link>https://www.typography.com/blog/eight-screenings-five-degrees</link>
  5478.    <description>
  5479.        <![CDATA[<img src="https://d31td5fkd89rr1.cloudfront.net/assets/images/blog/helvetica-film.gif">
  5480.  
  5481. <p><span class="small-caps">The New York premiere of <a href="http://www.helveticafilm.com/" target="_blank">Helvetica</a></span> sold out so quickly that we almost didn&rsquo;t get seats, and we&rsquo;re <em>in</em> the film. So get your tickets <a href="http://www.movietickets.com/house_detail.asp?house_id=9598&amp;rdate=9%2F14%2F2007
  5482. " target="_blank">now</a> for the NYC cinema run, which starts Wednesday at the IFC Center in Greenwich Village. Director Gary Hustwit will be on hand for a few of the screenings, as will Tobias Frere-Jones and Michael Bierut &mdash; check the film&rsquo;s <a href="http://www.helveticafilm.com/screenings.html" target="_blank">calendar</a> for the full scoop.</p>
  5483.  
  5484. <p><strong>BREAKING &mdash;</strong> It&rsquo;s through <em>Helvetica</em> that we&rsquo;re connected to David Carson, through <em>Addicted to Love</em> that he&rsquo;s connected to Matthew Broderick, through <em>War Games</em> that Matthew&rsquo;s connected to Maury Chaykin, and through <em>Where the Truth Lies</em> that Maury&rsquo;s connected to Kevin Bacon, bringing the H&amp;Co&nbsp;<a href="http://en.wikipedia.org/wiki/Bacon_number
  5485. " target="_blank">Bacon Number</a> to a sizzling <strong>four</strong>. &mdash;JH</p>]]>
  5486.    </description>
  5487.    <pubDate>Mon, 10 Sep 2007 20:02:00 +0000</pubDate>
  5488.    <guid>https://www.typography.com/blog/eight-screenings-five-degrees#247</guid>
  5489. </item>
  5490.                   <item>
  5491.    <title><![CDATA[Welcome!]]></title>
  5492.    <link>https://www.typography.com/blog/welcome</link>
  5493.    <description>
  5494.        <![CDATA[<!--read_more-->
  5495. <h2>The New Font Pages</h2>
  5496.  
  5497. <p>We&rsquo;ve completely reconceived the way our fonts are shown online. Hardcore type fanatics might enjoy reading our expanded font family descriptions, and those hoping to make the most of their fonts can explore the <em>font feature</em> pages that illustrate what&rsquo;s inside each package from H&amp;Co. But the rest of us can sit back and enjoy the show, because today&rsquo;s typography.com debuts a collection of &ldquo;visual tours&rdquo; that demonstrate what&rsquo;s inside even our most comprehensive font packages &mdash; including today&rsquo;s new release, the 106-style <a href="http://www.typography.com/fonts/chronicle-display/overview/" target="_blank">Chronicle</a> family.</p>
  5498.  
  5499. <h2>Collections &amp; Suggestions</h2>
  5500.  
  5501. <p>An easy way to explore our library is through the &ldquo;<a href="http://www.typography.com/collections/serifs/" target="_blank">Browse Collections</a>&rdquo;&nbsp;menu, top right. We&rsquo;ve organized these by both style and function, and carefully curated each collection so you&rsquo;re not left wading through every single weight of every single text face looking for just the right one. At the bottom of each font page, you&rsquo;ll also find some suggestions of which fonts we think work especially well together, accompanied by illustrations that hint at what&rsquo;s possible.</p>
  5502.  
  5503. <h2>The New TestDrivers</h2>
  5504.  
  5505. <p>Eight years ago we developed the first fully-interactive way to try fonts online, and now we&rsquo;ve gone a few steps better. This year&rsquo;s <a href="https://www.typography.com/testDriver/index.php?productLineID=100031&amp;styleID=600466" target="_blank">TestDriver</a> allows you to compare as many fonts as you want, making it easier to find the perfect font pairing of your own. To see a font&rsquo;s entire character set, click the <a href="https://www.typography.com/testDriver/index.php?mode=characters&amp;productLineID=100017" target="_blank">Characters</a> button in any TestDriver, and scroll away.</p>
  5506.  
  5507. <h2>Ask H&amp;Co</h2>
  5508.  
  5509. <p>Because so many of the topics we&rsquo;ve explored with our clients are of value to everyone, we&rsquo;ve decided to gather this experience into a new column called <em>Ask H&amp;Co.</em> Inside you&rsquo;ll find some of the things we&rsquo;ve learned about typography over the past nineteen years, starting with two of today&rsquo;s most important topics: whether <a href="http://www.typography.com/techniques/opentype/" target="_blank">OpenType</a> is right for you, and how to get the most out of fonts with <a href="http://www.typography.com/techniques/mastering-grades/" target="_blank">grades</a>. Also in this section you&rsquo;ll find our new FAQ, which covers everything from <a href="http://www.typography.com/faq/category.php?topicID=10" target="_blank">licensing basics</a> to <a href="http://www.typography.com/faq/category.php?topicID=9" target="_blank">technical help</a>.</p>
  5510.  
  5511. <h2>OpenType</h2>
  5512.  
  5513. <p>Speaking of OpenType, it&rsquo;s here. <em>Oh boy is it here.</em> Today we&rsquo;re launching twelve of our most hard-working font packages in OpenType, including <a href="http://www.typography.com/fonts/gotham/overview/" target="_blank">Gotham</a>, <a href="http://www.typography.com/fonts/whitney/overview/" target="_blank">Whitney</a>, <a href="http://www.typography.com/fonts/verlag/overview/" target="_blank">Verlag</a>, <a href="http://www.typography.com/fonts/knockout/overview/" target="_blank">Knockout</a> and <a href="http://www.typography.com/fonts/mercury-text/overview/" target="_blank">Mercury</a>, and of course our new <a href="https://www.typography.com/fonts/chronicle-text/overview/" target="_blank">Chronicle</a> collection. Designers with international ambitions will be happy to hear that these &mdash; and all of our OpenType fonts &mdash; meet H&amp;Co&rsquo;s new Latin-X&reg; language standard, which covers more than a hundred languages including all of those in <a href="http://www.typography.com/faq/question.php?faqID=12" target="_blank">Central Europe</a>. Our OpenType program has drawn on the experience of every one of our <a href="https://www.typography.com/about/biographies.php" target="_blank">designers</a>, ensuring that the fonts available from H&amp;Co in 2007 are unquestionably our best ever.</p>
  5514.  
  5515. <h2>The Blog</h2>
  5516.  
  5517. <p>It&rsquo;s called <em>News, Notes &amp; Observations,</em> and you&rsquo;re reading it. <a href="https://www.typography.com/blog/">Stay tuned</a> for new releases, and other updates from H&amp;Co; grab our <a href="feed://www.typography.com/blog/rss" target="_blank">RSS</a> feed, if that&rsquo;s your scene</p>
  5518.  
  5519. <h2>Keep in touch!</h2>
  5520.  
  5521. <p>Join our <a href="https://www.typography.com/account">mailing list</a> to keep up with H&amp;Co on new font releases. We&rsquo;ve got a lot in store for the coming year.&nbsp;</p>]]>
  5522.    </description>
  5523.    <pubDate>Tue, 04 Sep 2007 16:06:00 +0000</pubDate>
  5524.    <guid>https://www.typography.com/blog/welcome#460</guid>
  5525. </item>
  5526.            </channel>
  5527. </rss>
  5528.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//www.typography.com/rss/blog

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda