<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="shortcut icon" href="wp-content/themes/webtype/favicon.ico" /> 
<meta content="text/html; UTF-8" http-equiv="content-type">
<meta charset="UTF-8">

<title>Webtype &gt; Blog</title>
  
<link rel="profile" href="http://gmpg.org/xfn/11" />
<!--<link href="http://cloud.webtype.com/css/0b07b51f-34ce-463a-b9de-b6fa21ae4f73.css" rel="stylesheet" type="text/css" />-->


<!-- Coles Webtype Account -->
<link href="https://cloud.webtype.com/css/8a539943-f750-4a06-b16e-711efef51407.css" rel="stylesheet" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="Webtype Recent Posts" href="http://feeds.feedburner.com/webtype-blog" />
<link rel="alternate" type="application/rss+xml" title="Webtype Latest Comments" href="http://feeds.feedburner.com/webtype-comments" />
<link rel="stylesheet" type="text/css" media="all" href="wp-content/themes/webtype/style.css" />
<link rel="pingback" href="https://blog.webtype.com/xmlrpc.php" />
<link rel='dns-prefetch' href='https://s.w.org/' />

<link rel='stylesheet' id='blackbirdpie-css-css'  href='wp-content/plugins/twitter-blackbird-pie/css/blackbirdpie.css%3Fver=20110416.css' type='text/css' media='all' />
<script type='text/javascript' src='wp-content/plugins/twitter-blackbird-pie/js/blackbirdpie.js%3Fver=20110404'></script>
<link rel='https://api.w.org/' href='index.php%3Frest_route=%252F' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php%3Frsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.9.18" />

<!--[if lt IE 9]>
<script src="/wp-content/themes/webtype/html5shiv.min.js"></script>
<![endif]-->

</head>

<body>
<noscript><div class="jswarning">It seems JavaScript is either disabled or not supported by your browser. Webtype works best with JavaScript enabled.</div></noscript>
<div id="blog" class="page">
	<div style=" position:relative;">
    	
        <!-- Header Start -->
        <div id="header">
        	<div class="header clearafter">           	 
            <a class="logo" href="http://webtype.com"><img src="//www.webtype.com/local/svg/logo.svg" onerror='this.src="//www.webtype.com/local/images/logo.png"; this.onerror=null;' alt="Webtype" title="Webtype" /></a>
            <div class="blurb">Better fonts for better websites.</div>    
          </div>
          <div class="main-menu clearafter">
            <div class="menu clearafter">
              <a href="http://www.webtype.com/info/advantage/">Introduction</a>
              <a href="http://www.webtype.com/catalog/">Fonts</a>
              <a href="http://www.webtype.com/tools/swapper/">Tools</a>
              <a class="active" href="index.html">Blog</a>
              <a href="http://gallery.webtype.com/">Gallery</a>
              <a href="http://www.webtype.com/info/help/">Support</a>
              <a href="http://www.webtype.com/myaccount/default/">Your Account</a>
            </div>
          </div>
                   
      	</div>
        <!-- Header End -->
        
        <div class="clearafter content-box" style="padding: 0pt 0pt 230px;">
        
        <!-- Content -->

    <!-- Promo -->
    <div class="big-title">      
    	<figure>
    		<h1>BLOG</h1>
    		<figcaption>
    			News and information related to <a href="http://www.webtype.com/">Webtype</a>, including new fonts, technology, and general observations on the state of online typography.
    		</figcaption>
	</figure>
    </div>
    
    <div class="blog-wrapper clearafter">
    
      <div class="midle-column">
  
        




			<div id="post-6221" class="post-6221 post type-post status-publish format-standard hentry category-news category-type-portraits tag-mark-van-bronkhorst tag-sans">
			<h1 class="entry-title"><a href="index.html%3Fp=6221.html" title="Permalink to New from American Type Founders Collection: ATF Railroad Gothic" rel="bookmark">New from American Type Founders Collection: ATF Railroad Gothic</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=6221" title="10:08 am" rel="bookmark">--><span class="entry-date">March 15, 2016</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=16" title="View all posts by Tamye Riggs">Tamye Riggs</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2016/03/RailroadGothictopper2.png" rel="attachment wp-att-6234"><img src="wp-content/uploads/2016/03/RailroadGothictopper2.png" alt="Railroad Gothic" width="580" height="515" class="alignnone size-large wp-image-6234" srcset="wp-content/uploads/2016/03/RailroadGothictopper2.png 1160w, wp-content/uploads/2016/03/RailroadGothictopper2-300x266.png 300w, wp-content/uploads/2016/03/RailroadGothictopper2-768x682.png 768w, wp-content/uploads/2016/03/RailroadGothictopper2-580x515.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>First introduced by the historic American Type Founders Company (ATF) in 1906, Railroad Gothic was the quintessential typographic expression of turn-of-the-century industrial spirit—bold and brash in tone, and a little rough around the edges. Well suited to broadcasting important news through headlines, Railroad Gothic became an instant hit with American printers upon its introduction. Its condensed but robust forms undoubtedly provided inspiration for many grotesque sans that followed.</p>
<p><a href="wp-content/uploads/2016/03/RailroadGothicquirks2.png" rel="attachment wp-att-6237"><img src="wp-content/uploads/2016/03/RailroadGothicquirks2.png" alt="Railroad Gothic" width="580" height="251" class="alignnone size-large wp-image-6237" srcset="wp-content/uploads/2016/03/RailroadGothicquirks2.png 1160w, wp-content/uploads/2016/03/RailroadGothicquirks2-300x130.png 300w, wp-content/uploads/2016/03/RailroadGothicquirks2-768x332.png 768w, wp-content/uploads/2016/03/RailroadGothicquirks2-580x251.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>ATF offered a number of sizes of Railroad Gothic as metal type, with some incredibly inconsistent variation among cuts. In creating a new take on a familiar face, Mark van Bronkhorst studied the varied characteristics inherent in the different sizes. He made careful aesthetic decisions in order to retain the quirky personality of the design, while regularizing the family for a more consistent feel and improved usability. Earmark features such as the spurred ‘G’ and curled leg of the ‘R’ were retained, joining with the exaggerated forms of the figures and glyphs such as ‘&#038;’ and ‘?’ to lend warmth and flavor.</p>
<p><a href="wp-content/uploads/2016/03/RailroadGothicmix2.png" rel="attachment wp-att-6235"><img src="wp-content/uploads/2016/03/RailroadGothicmix2.png" alt="Railroad Gothic" width="580" height="595" class="alignnone size-large wp-image-6235" srcset="wp-content/uploads/2016/03/RailroadGothicmix2.png 1160w, wp-content/uploads/2016/03/RailroadGothicmix2-300x308.png 300w, wp-content/uploads/2016/03/RailroadGothicmix2-768x788.png 768w, wp-content/uploads/2016/03/RailroadGothicmix2-580x595.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>The new <a href="http://www.webtype.com/font/atf-railroad-gothic-family/">ATF Railroad Gothic</a> is a measured, harmonious interpretation of the original, and has been extended to a family of five weights—Regular, Medium, Bold, Heavy, and Black—featuring a full Latin character set. At the heavy end of the spectrum, forms take on an almost humanist air; the blackest weights were carefully designed to keep counters as open as possible for the sake of legibility.</p>
<p>This contemporary rendition of an American classic was crafted for display use—set it big, and experiment with tight letterspacing and negative leading for added emphasis.</p>
<p><em>As with all Webtype offerings, <a href="http://www.webtype.com/font/atf-railroad-gothic-family/">ATF Railroad Gothic</a> may be tested for free for up to 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-6198" class="post-6198 post type-post status-publish format-standard hentry category-news category-type-portraits tag-cyrus-highsmith tag-dyana-weissman tag-reading-edge tag-richard-lipton tag-serif">
			<h1 class="entry-title"><a href="index.html%3Fp=6198.html" title="Permalink to New from Font Bureau: Escrow Banner and Escrow Reading Edge" rel="bookmark">New from Font Bureau: Escrow Banner and Escrow Reading Edge</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=6198" title="10:26 am" rel="bookmark">--><span class="entry-date">March 3, 2016</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=16" title="View all posts by Tamye Riggs">Tamye Riggs</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2016/02/Escrowmix.png" rel="attachment wp-att-6199"><img src="wp-content/uploads/2016/02/Escrowmix.png" alt="Escrow Banner" width="580" height="488" class="alignnone size-large wp-image-6199" srcset="wp-content/uploads/2016/02/Escrowmix.png 1160w, wp-content/uploads/2016/02/Escrowmix-300x252.png 300w, wp-content/uploads/2016/02/Escrowmix-768x646.png 768w, wp-content/uploads/2016/02/Escrowmix-580x488.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>Commissioned by the <em>Wall Street Journal</em> as part of Mario Garcia&#8217;s 2002 redesign, Font Bureau’s <a href="http://www.webtype.com/font/escrow-family/">Escrow</a> is a robust collection of Scotch types that sets the tone of the venerable publication’s front page. Drawn in 44 styles by Cyrus Highsmith, Escrow added elegant substance to the rich <em>WSJ</em> typographic palette. Now there’s even more to love about this big family: Richard Lipton has extended Highsmith’s original with the 28 styles of <a href="http://www.webtype.com/font/escrow-banner-family/">Escrow Banner</a>.</p>
<p><a href="wp-content/uploads/2016/02/Escrow5line.png" rel="attachment wp-att-6200"><img src="wp-content/uploads/2016/02/Escrow5line.png" alt="Escrow Banner" width="580" height="390" class="alignnone size-large wp-image-6200" srcset="wp-content/uploads/2016/02/Escrow5line.png 1160w, wp-content/uploads/2016/02/Escrow5line-300x202.png 300w, wp-content/uploads/2016/02/Escrow5line-768x516.png 768w, wp-content/uploads/2016/02/Escrow5line-580x390.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>Created for attention-grabbing headlines, Escrow Banner pushes the design’s already strong contrast to extremes, refining strokes and exaggerating curves for optimal impact at large sizes. The result is a sturdy anchor for the news of the day, with attractive detailing (such as in the ‘k’ and ‘z’ of the black italic variants) building dramatic tension. Escrow Banner adds three widths (Normal, Condensed, and Compressed) and five weights (Light, Roman, Semibold, Bold, and Black) with companion italics to the series, offering a range of options for beauty, readability, and copy fit.</p>
<p><a href="wp-content/uploads/2016/02/EscrowSkilz-12a.png" rel="attachment wp-att-6213"><img src="wp-content/uploads/2016/02/EscrowSkilz-12a.png" alt="Escrow Banner" width="580" height="440" class="alignnone size-large wp-image-6213" srcset="wp-content/uploads/2016/02/EscrowSkilz-12a.png 1160w, wp-content/uploads/2016/02/EscrowSkilz-12a-300x228.png 300w, wp-content/uploads/2016/02/EscrowSkilz-12a-768x583.png 768w, wp-content/uploads/2016/02/EscrowSkilz-12a-580x440.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>To further enhance Escrow’s utility, Dyana Weissman has drawn <a href="http://www.webtype.com/font/escrow-re-family/">Escrow RE</a>, the latest addition to the Font Bureau <a href="http://www.fontbureau.com/ReadingEdge/">Reading Edge</a> series. Escrow RE’s four styles—Regular, Italic, Bold, and Bold Italic—were carefully crafted with an eye toward optimal delivery of content on lower-resolution screens. Reading Edge fonts are precisely engineered for text settings as small as 9 px.</p>
<p><em>Wall Street Journal</em> design director Joe Dizney was part of the team involved in the paper’s makeover. He describes Escrow as “the spectacular single element that holds the whole thing together.” With today&#8217;s expansion, the Escrow series offers designers a complete solution for digital and print typography at all sizes.</p>
<p><em>As with all Webtype offerings, all weights of <a href="http://www.webtype.com/font/escrow-banner-family/">Escrow Banner</a> and <a href="http://www.webtype.com/font/escrow-re-family/">Escrow RE</a>—along with the the rest of the <a href="http://www.webtype.com/font/escrow-family/">Escrow series</a>—may be tested for free for up to 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-6170" class="post-6170 post type-post status-publish format-standard hentry category-news category-type-portraits tag-bold-monday tag-chromatic tag-display tag-layered tag-nitti">
			<h1 class="entry-title"><a href="index.html%3Fp=6170.html" title="Permalink to New from Bold Monday: Nitti Mostro" rel="bookmark">New from Bold Monday: Nitti Mostro</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=6170" title="9:18 am" rel="bookmark">--><span class="entry-date">February 16, 2016</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=16" title="View all posts by Tamye Riggs">Tamye Riggs</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2016/02/NittiMostroTopper.png" rel="attachment wp-att-6189"><img src="wp-content/uploads/2016/02/NittiMostroTopper.png" alt="Nitti Mostro" width="580" height="440" class="alignnone size-large wp-image-6189" srcset="wp-content/uploads/2016/02/NittiMostroTopper.png 1160w, wp-content/uploads/2016/02/NittiMostroTopper-300x228.png 300w, wp-content/uploads/2016/02/NittiMostroTopper-768x583.png 768w, wp-content/uploads/2016/02/NittiMostroTopper-580x440.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>Just unleashed by Bold Monday, <a href="http://www.webtype.com/font/nitti-mostro-family/">Nitti Mostro</a> is Pieter van Rosmalen’s fantastical addition to his collection of Grotesque-inspired typefaces. Based on the heaviest weights of <a href="http://www.webtype.com/font/nitti-grotesk-family/">Nitti Grotesk</a>, Nitti Mostro is an 18-style behemoth designed for setting big, bold display text. Style names like Disco Floor and Stripes Solo convey the fun factor inherent in this type family, but what makes Nitti Mostro a true joy for typographic playtime is its capacity for easy layering.</p>
<p><a href="wp-content/uploads/2016/02/NittiMostroBOO.png" rel="attachment wp-att-6176"><img src="wp-content/uploads/2016/02/NittiMostroBOO.png" alt="Nitti Mostro" width="580" height="440" class="alignnone size-large wp-image-6176" srcset="wp-content/uploads/2016/02/NittiMostroBOO.png 1160w, wp-content/uploads/2016/02/NittiMostroBOO-300x228.png 300w, wp-content/uploads/2016/02/NittiMostroBOO-768x583.png 768w, wp-content/uploads/2016/02/NittiMostroBOO-580x440.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><br />
This latest offering in Van Rosmalen’s series of “Italo-American Grotesques” consists of four sub-families: Nitti Mostro, with ten wild styles including Gradient and Chrome; Nitti Mostro Comic, a slightly rounded pair; the 1970s-inspired Nitti Mostro Disco in three styles; and Nitti Mostro Stencil, with three styles for clean or rough text treatments. Fonts within each sub-family were designed to layer together seamlessly, allowing for countless colorful chromatic effects and painless shadowing. As an added bonus, Dirk Uhlenbrock contributed drawings of nine fiercely adorable monster pictograms to Nitti Mostro.</p>
<p><a href="wp-content/uploads/2016/02/NittiMostroStyleswh2.png" rel="attachment wp-att-6192"><img src="wp-content/uploads/2016/02/NittiMostroStyleswh2.png" alt="Nitti Mostro" width="580" height="600" class="alignnone size-large wp-image-6192" srcset="wp-content/uploads/2016/02/NittiMostroStyleswh2.png 1160w, wp-content/uploads/2016/02/NittiMostroStyleswh2-300x310.png 300w, wp-content/uploads/2016/02/NittiMostroStyleswh2-768x794.png 768w, wp-content/uploads/2016/02/NittiMostroStyleswh2-580x600.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><br />
In order to make Nitti Mostro extremely headline friendly, Van Rosmalen made significant adjustments to his more traditional Nitti Grotesk model. Ascenders and descenders were shortened dramatically to allow for super-compact leading, and typical “Nitti-style” forms were modified to achieve a tighter letter fit.<br />
<a href="wp-content/uploads/2016/02/NittiMostroFit-1.png" rel="attachment wp-att-6181"><img src="wp-content/uploads/2016/02/NittiMostroFit-1.png" alt="Nitti Mostro" width="580" height="340" class="alignnone size-large wp-image-6181" srcset="wp-content/uploads/2016/02/NittiMostroFit-1.png 1160w, wp-content/uploads/2016/02/NittiMostroFit-1-300x176.png 300w, wp-content/uploads/2016/02/NittiMostroFit-1-768x450.png 768w, wp-content/uploads/2016/02/NittiMostroFit-1-580x340.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><br />
To see Nitti Mostro in action, check out our latest <a href="http://nittimostro.webtype.com">brochure site</a>, featuring live chromatic text showings. We’ve also concocted a nifty type tester so you can experiment with this super family’s layer magic.<br />
<a href="http://nittimostro.webtype.com" rel="attachment wp-att-6173"><img src="wp-content/uploads/2016/02/NittiMostroBrochureSitesm.png" alt="Nitti Mostro Brochure Site" width="580" height="362" class="alignnone size-large wp-image-6173" srcset="wp-content/uploads/2016/02/NittiMostroBrochureSitesm.png 1160w, wp-content/uploads/2016/02/NittiMostroBrochureSitesm-300x187.png 300w, wp-content/uploads/2016/02/NittiMostroBrochureSitesm-768x479.png 768w, wp-content/uploads/2016/02/NittiMostroBrochureSitesm-580x362.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><br />
Nitti Mostro was designed for maximum impact. Use it at 100 px or larger for best results.</p>
<p><em>As with all Webtype offerings, all weights of <a href="http://www.webtype.com/font/nitti-mostro-family/">Nitti Mostro</a> may be tested for free for up to 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-6121" class="post-6121 post type-post status-publish format-standard hentry category-news category-type-portraits">
			<h1 class="entry-title"><a href="index.html%3Fp=6121.html" title="Permalink to New from Monokrom: Vinter Expansion" rel="bookmark">New from Monokrom: Vinter Expansion</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=6121" title="11:27 am" rel="bookmark">--><span class="entry-date">February 1, 2016</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=16" title="View all posts by Tamye Riggs">Tamye Riggs</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2016/01/Vintertop3.png"><img class="alignnone size-large wp-image-6137" src="wp-content/uploads/2016/01/Vintertop3.png" alt="Vinter" width="580" height="402" srcset="wp-content/uploads/2016/01/Vintertop3.png 1160w, wp-content/uploads/2016/01/Vintertop3-300x208.png 300w, wp-content/uploads/2016/01/Vintertop3-768x532.png 768w, wp-content/uploads/2016/01/Vintertop3-580x402.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>In 2009, Norwegian designer Frode Bo Helland first sketched the modulated sans serif forms that would eventually become <a href="http://www.webtype.com/font/vinter-family/">Vinter</a>. Initially released in a single extremely light weight in 2012, Vinter is Helland’s exploration of the geometric serifless roman model.</p>
<p>“In an effort to infuse the contrasted letterforms with tension,” Helland said, “I wrapped them around a strict geometric skeleton. Vinter connects the dots between machine-age geometry and modulated strokes.”</p>
<p>Helland’s pure interpretation in the Roman carried over to Vinter’s companion italic. He employed a combination of slant and rotation to integrate the geometry and modulation logic of the upright styles into the design’s italic forms. Vinter’s circular ‘o’ and ‘O’ are signature elements, their integrity maintained between weights and throughout the italic variants. This geometric hallmark is also evident in forms such as ‘b’, ‘e’, and the single-storey ‘a’ of the italic.</p>
<p><a href="wp-content/uploads/2016/01/Vinterrounds.png"><img src="wp-content/uploads/2016/01/Vinterrounds.png" alt="Vinter" width="580" height="272" class="alignnone size-large wp-image-6149" srcset="wp-content/uploads/2016/01/Vinterrounds.png 1160w, wp-content/uploads/2016/01/Vinterrounds-300x141.png 300w, wp-content/uploads/2016/01/Vinterrounds-768x360.png 768w, wp-content/uploads/2016/01/Vinterrounds-580x272.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>“While serif typefaces commonly have cursive companions, most geometric sans serif italics are simply derived from the roman,” Helland said. “Despite optical adjustments, the signature shape of the circular ‘o’ is always lost in the process. Vinter’s approach is radically new.”</p>
<p><a href="wp-content/uploads/2016/01/Vinterquote-1.png"><img class="alignnone size-large wp-image-6129" src="wp-content/uploads/2016/01/Vinterquote-1.png" alt="Vinter" width="580" height="380" srcset="wp-content/uploads/2016/01/Vinterquote-1.png 1160w, wp-content/uploads/2016/01/Vinterquote-1-300x197.png 300w, wp-content/uploads/2016/01/Vinterquote-1-768x503.png 768w, wp-content/uploads/2016/01/Vinterquote-1-580x380.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><br />
<a href="http://morganstudio.co.uk/project/royal_drawing_school" target="_blank">John Morgan Studio</a> asked Helland to draw a heavier weight of Vinter, which would be used in branding London’s <a href="http://royaldrawingschool.org" target="_blank">Royal Drawing School</a>. Inspired to further expand Vinter, Helland drew multiple variants, resulting in a family of five weights (Thin, Extralight, Light, Regular, and Medium) with complementary italics.<br />
<a href="wp-content/uploads/2016/01/Vintershow.png"><img class="alignnone size-large wp-image-6166" src="wp-content/uploads/2016/01/Vintershow.png" alt="Vinter" width="580" height="490" /></a><br />
Vinter&#8217;s fine strokes and delicately balanced details are intended for display applications, with the lightest weights sparkling at very large sizes. Web fonts were hand tuned by Monokrom and are designed to be used at 60 px or larger.</p>
<p><em>As with all Webtype offerings, all weights of <a href="http://www.webtype.com/font/vinter-family/">Vinter</a> may be tested for free for up to 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-6096" class="post-6096 post type-post status-publish format-standard hentry category-news">
			<h1 class="entry-title"><a href="index.html%3Fp=6096.html" title="Permalink to New: Roster from Font Bureau" rel="bookmark">New: Roster from Font Bureau</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=6096" title="9:30 am" rel="bookmark">--><span class="entry-date">December 14, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=16" title="View all posts by Tamye Riggs">Tamye Riggs</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2015/12/rostertopper.png"><img src="wp-content/uploads/2015/12/rostertopper.png" alt="Roster" width="580" height="500" class="alignnone size-large wp-image-6102" srcset="wp-content/uploads/2015/12/rostertopper.png 1160w, wp-content/uploads/2015/12/rostertopper-300x259.png 300w, wp-content/uploads/2015/12/rostertopper-580x500.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a>Webtype is thrilled to announce the addition of a new star to our lineup: <a href="http://www.webtype.com/font/roster-family/">Roster</a>, by Matthew Carter, the latest release from Font Bureau and Carter &#038; Cone. And it’s a really big deal.</p>
<p>Dubbed a square-shouldered powerhouse by its handlers, Roster is a slab serif with a difference. Squared-off counters punch into the interiors of letterforms, pushing the white space beyond normal boundaries. This chiseled effect lends a quirky constructive element to the family; a sort of visual push-pull that’s most evident in the lighter, narrower styles.</p>
<p>Roster exudes a flexible, athletic confidence, and it’s little wonder: the family evolved from custom type Carter created for Sports Illustrated in the 1990s. Bearing the moniker Wrigley, Roster’s predecessor was “intended to express the bold graphics of American sports,” said Steve Hoffman, who commissioned the design. Then seven styles, Wrigley worked hand in glove with Carter’s Fenway, a fine serif crafted to complement the SI staff’s considerable literary prowess.</p>
<p>“When we were close to the point of presentation to the editors of the new fonts, I suggested the names Wrigley and Fenway,&#8221; Hoffman said. &#8220;I detected a somewhat puzzled expression on Matthew’s English face. I explained that these were the names of two of America’s oldest and most beloved baseball venues, and it would be a delight for <em>Sports Illustrated</em>’s editors to have their new typefaces named for theses venerable ballparks.”<br />
<a href="wp-content/uploads/2015/12/Rosterquote2.png"><img src="wp-content/uploads/2015/12/Rosterquote2.png" alt="Roster" width="580" height="285" class="alignnone size-large wp-image-6105" /></a><br />
In preparing this family for general release, the name Wrigley was dropped, since the design drew no inspiration from the Chicago Cubs or its namesake stadium. Jesse Ragan was enlisted to assist with the expansion effort, and Roster now weighs in at a hefty 60 members. This high-impact superfamily boasts six weights (Extra Light, Light, Regular, Semibold, Bold, and Black) in five widths (Expanded, Normal, Narrow, Condensed, and Compressed), plus companion italics.<br />
<a href="wp-content/uploads/2015/12/Rostershow1.png"><img src="wp-content/uploads/2015/12/Rostershow1.png" alt="Roster" width="580" height="550" class="alignnone size-large wp-image-6109" /></a><br />
One of the things that makes Roster so special is its chameleon-like ability to convey vastly different moods depending on the weights and widths chosen. From the lean, lanky compressed extra light to the in-your-face brawn of the extra heavy expanded black, Roster&#8217;s broad range of emotions is suited to a multitude of display situations.<br />
Roster’s character set is Font Bureau’s Extended Latin; OpenType layout features include case-sensitive punctuation, basic fractions, and standard ligatures, along with special ligatures like ‘Tu’ and ‘Ty’ in the bold and black weights.</p>
<p>Carter cautions that this personality-packed family is not meant for text, but should be used generously at display sizes. He recommends setting it no smaller than 30 pixels, with the heavier and compressed styles calling for larger sizes.</p>
<p><em>As with all Webtype offerings, Roster may be tested for free for up to 30 days. Put Roster to work on your site—it&#8217;s sure to become a fan favorite.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-5951" class="post-5951 post type-post status-publish format-standard hentry category-news">
			<h1 class="entry-title"><a href="index.html%3Fp=5951.html" title="Permalink to New: Marcia from Font Bureau" rel="bookmark">New: Marcia from Font Bureau</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=5951" title="3:20 pm" rel="bookmark">--><span class="entry-date">October 9, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=13" title="View all posts by Claire Lindsey">Claire Lindsey</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="wp-content/uploads/2015/10/Marcia_Blog_Revised-12.png"><img class="alignnone size-large wp-image-6000" src="wp-content/uploads/2015/10/Marcia_Blog_Revised-12.png" alt="Marcia_Blog_1" width="580" height="211" srcset="wp-content/uploads/2015/10/Marcia_Blog_Revised-12.png 4833w, wp-content/uploads/2015/10/Marcia_Blog_Revised-12-300x109.png 300w, wp-content/uploads/2015/10/Marcia_Blog_Revised-12-580x211.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>Today, Webtype is proud to release<strong> <a href="http://www.webtype.com/font/marcia-family/" target="_blank">Marcia</a></strong>, Font Bureau’s newest type family. What is Marcia? “Marcia started as a project in Cyrus&#8217;s undergrad class at RISD three years ago.…It was my first attempt at drawing a whole alphabet,” says designer <a href="http://www.fontbureau.com/people/VictoriaRushton/">Victoria Rushton</a>. On paper the Roman is like a 19th-century Modern, with its high contrast, vertical stress, and ball terminals. But when you look closely, it doesn’t really resemble a Modern — some serifs are omitted, some are half-there. These departures are a lettering artist’s whimsical experiments with the Modern genre. Furthermore, the Italic is both sturdier and simpler than most moderns. And, according to Rushton, that’s part of Marcia’s charm as these “remnants of naïveté” give it a unique character.</p>
<p><a href="wp-content/uploads/2015/10/Marcia_Blog-1w.png"><br />
</a><a href="wp-content/uploads/2015/10/Marcia_Blog-1w2.png"><br />
<img class="alignnone size-large wp-image-5975" src="wp-content/uploads/2015/10/Marcia_Blog-1w2.png" alt="Image showing Marcia’s characteristic forms, weights, and ligatures" width="580" height="328" srcset="wp-content/uploads/2015/10/Marcia_Blog-1w2.png 1160w, wp-content/uploads/2015/10/Marcia_Blog-1w2-300x169.png 300w, wp-content/uploads/2015/10/Marcia_Blog-1w2-580x328.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
</a></p>
<p>Marcia’s quirkiness and exuberance can be seen in its details: the legs of the cap <strong>K</strong> and <strong>R</strong> hint at a courtier taking a bow and in Italic, the legs snap into a kick. Add swashes alternates and they become the envy of any mustache. In the lowercase, many have serifs on the left like calligraphic entry strokes, even in unexpected places (<strong>d</strong>,<strong> b</strong>,<strong> u</strong>,<strong> w</strong>). While other serifs offer sinuous semi-serifs ball terminals (<strong>a</strong>, <strong>c</strong>, <strong>f</strong>) sustaining Marcia’s quirky, hybrid flavor.</p>
<p><a href="wp-content/uploads/2015/10/Marcia_Blog-21.png"><img class="alignnone size-large wp-image-5988" src="wp-content/uploads/2015/10/Marcia_Blog-21.png" alt="Marcia_Blog-2" width="580" height="470" srcset="wp-content/uploads/2015/10/Marcia_Blog-21.png 4791w, wp-content/uploads/2015/10/Marcia_Blog-21-300x243.png 300w, wp-content/uploads/2015/10/Marcia_Blog-21-580x470.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<p>&nbsp;</p>
<p>The numerals are lively and legible, in both lining (uppercase) and oldstyle (lowercase) forms. Here we can see more unorthodox serif forms (<strong>2</strong>, <strong>5</strong>, <strong>7</strong>). Fractions, superior, and inferior forms are also included in Marcia’s figures.</p>
<p><a href="wp-content/uploads/2015/10/Marcia_Blog-10w.png"><br />
</a><a href="wp-content/uploads/2015/10/Marcia_3R.png"><br />
</a><a href="wp-content/uploads/2015/10/Marcia_Blog_Revised-2-13.png"><img class="alignnone size-large wp-image-6001" src="wp-content/uploads/2015/10/Marcia_Blog_Revised-2-13.png" alt="Marcia_Blog_3" width="580" height="157" srcset="wp-content/uploads/2015/10/Marcia_Blog_Revised-2-13.png 4791w, wp-content/uploads/2015/10/Marcia_Blog_Revised-2-13-300x81.png 300w, wp-content/uploads/2015/10/Marcia_Blog_Revised-2-13-580x157.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></a><a href="wp-content/uploads/2015/10/Marcia_3R.png"><br />
</a><a href="wp-content/uploads/2015/10/Marcia_Blog-10w.png"><br />
</a></p>
<p>Victoria Rushton designed Marcia with playful packaging and swashy subheads in mind, all on display on the typeface’s <a href="http://marcia.fontbureau.com/">minisite</a>. Marcia’s discretionary ligatures and alternate characters can fill any text-setting with surprising, elegant forms.</p>
<p><em>Give Marcia a try for free — all fonts on Webtype can be tested on your own sites at no charge for 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-5915" class="post-5915 post type-post status-publish format-standard hentry category-type-portraits">
			<h1 class="entry-title"><a href="index.html%3Fp=5915.html" title="Permalink to New: Miller Text from Font Bureau" rel="bookmark">New: Miller Text from Font Bureau</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=5915" title="8:55 am" rel="bookmark">--><span class="entry-date">September 22, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=7" title="View all posts by Stephen Coles">Stephen Coles</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><img src="wp-content/uploads/2015/09/Miller-Text-expansion-webtype.png" alt="Miller-Text-expansion-webtype" width="580" height="251" class="alignnone size-large wp-image-5927" style="margin-left:-1px;" srcset="wp-content/uploads/2015/09/Miller-Text-expansion-webtype.png 1160w, wp-content/uploads/2015/09/Miller-Text-expansion-webtype-300x130.png 300w, wp-content/uploads/2015/09/Miller-Text-expansion-webtype-580x251.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p>Matthew Carter’s <a href="http://www.webtype.com/store/search/?q=miller">Miller</a> is a seminal reinvigoration of the 19th-century Scotch Roman, serving forthright, authoritative body copy and headlines since 1997. Today, in parallel with <a href="http://www.fontbureau.com/blog/miller-text-expansion/">Font Bureau</a>, we complete the Miller series on Webtype with <strong><a href="http://www.webtype.com/font/miller-text-complete-family/">Miller Text</a></strong>, the foundational member of an extended family that includes <a href="http://www.webtype.com/font/miller-banner-family/">Miller Banner</a>, <a href="http://www.webtype.com/font/miller-display-complete-family/">Miller Display</a>, and <a href="http://www.webtype.com/font/millerheadline-complete-family/">Miller Headline</a>. </p>
<p><img src="wp-content/uploads/2015/09/Miller-series-webtype.png" alt="Miller-series-webtype" width="580" height="400" class="alignnone size-large wp-image-5944" style="margin: 15px 0 -5px -4px;" srcset="wp-content/uploads/2015/09/Miller-series-webtype.png 1160w, wp-content/uploads/2015/09/Miller-series-webtype-300x207.png 300w, wp-content/uploads/2015/09/Miller-series-webtype-580x400.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p>Along with the introduction to Webtype, Miller Text was also given new styles: Semibold and Semibold Italic. This middle weight gives the family an extra versatility for website settings where the Roman is too light and the Bold too heavy.  All Text and Display weights include small caps, italics, and italic small caps, a hallmark of the original Scotches.</p>
<p><img src="wp-content/uploads/2015/09/Miller-Text-family-webtype.png" alt="Miller-Text-family-webtype" width="580" height="299" class="alignnone size-large wp-image-5931" style="margin: 15px 0 -5px -4px;" srcset="wp-content/uploads/2015/09/Miller-Text-family-webtype.png 1160w, wp-content/uploads/2015/09/Miller-Text-family-webtype-300x154.png 300w, wp-content/uploads/2015/09/Miller-Text-family-webtype-580x299.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p>You could think of Miller Text as the debonair cousin of <a href="http://www.webtype.com/font/georgia-pro-complete-family-2/">Georgia</a>, born for paragraphs in print rather than coarse pixels. Now, thanks to higher density displays and Webtype’s expert screen optimization, the elegance of Miller Text is ready for the web. </p>
<p>The face has been a staple of respected magazines and newspapers like the <cite>Boston Globe, San Jose Mercury News, Glamour,</cite> and <cite>New York</cite> magazine and now Miller Text can lend grace and gravitas to your own site. <em>Like every font on Webtype, you can try it free for 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-5719" class="post-5719 post type-post status-publish format-standard hentry category-news">
			<h1 class="entry-title"><a href="index.html%3Fp=5719.html" title="Permalink to Webtype: Five Years of Better Fonts for Better Websites" rel="bookmark">Webtype: Five Years of Better Fonts for Better Websites</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=5719" title="9:04 am" rel="bookmark">--><span class="entry-date">September 3, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=7" title="View all posts by Stephen Coles">Stephen Coles</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><img src="wp-content/uploads/2015/09/five.png" alt="five" width="580" height="290" class="alignnone size-large wp-image-5911" srcset="wp-content/uploads/2015/09/five.png 1160w, wp-content/uploads/2015/09/five-300x150.png 300w, wp-content/uploads/2015/09/five-580x290.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<div class="anniversary">
<p>This fall we celebrate Webtype’s fifth anniversary! We <a href="index.html%3Fp=5.html">officially announced</a> in August 2010 and started serving fonts a few weeks later. Webtype was among the earliest web font services on the market, but the goal wasn’t to be the first, but the best. Typefaces from Font Bureau and our other early foundries didn’t make it to Webtype customers until they were thoroughly tested on and tuned for the vast array of screens and rendering environments. This commitment to quality meant that Webtype has never had the biggest library of web fonts, but certainly the most useful and reliable one. No where is this more apparent than in the <a href="http://www.fontbureau.com/ReadingEdge/">Reading Edge</a> fonts, designs that aren’t just hinted adaptations of existing print-based typefaces, but <em>new designs</em> drawn specifically for the screen. </p>
<p>We also believed in a different way of selling web fonts. From the beginning, we offered a modular, per-font licensing model which gave customers the flexibility to get only what they need and what they use. This method also sends more cash back to the type designers, which attracted the world’s <a href="http://www.webtype.com/catalog/">premier foundries</a> — and continues to do so, with 15 labels now on board. Webtype was also unique in the way it worked for users. It was cleaner and simpler from the start, requiring just a single line of CSS rather than external JavaScript. All this has always been backed by a free 30-day trial that lets users prove for themselves if the type and technology really suits their needs.</p>
<p>It didn’t take long to see that lots of other folks agreed with our approach. As Webtype fonts began to appear around the web, designers and developers noticed the difference and joined in. Seeing <a href="http://gallery.webtype.com/">how our customers use Webtype</a> is the best part of our job, and it’s the best evidence that all the decisions and work truly pay off.</p>
<p>So let’s look back at some of the most interesting Webtype uses over our first five years and note some milestones along the way.</p>
<h3 style="margin:180px 225px 3px 75px;">5 Years of Webtype</h3>
<h2><span style="font-family:'Harriet Display Black';">Big</span> Sites</h2>
<p>Our infrastructure has the muscle to deliver webfonts to even the most high profile websites. Heavy hitters such as <a href="http://gallery.webtype.com/in-use/techcrunch/">TechCrunch</a>, <a href="http://espn.go.com/">ESPN</a>, and <a href="http://gallery.webtype.com/in-use/ford-website">Ford</a> are pounded with millions of visitors per day and Webtype keeps their typographic style in tact without interruption. In fact, since implementing our <a href="index.html%3Fp=5253.html">new serving architecture</a> last year, we’ve had 100% up time.</p>
<p><a href="http://espn.go.com/" title="Benton Sans for espn.go.com"><img src="wp-content/uploads/2015/09/espn.jpg" alt="espn.com" width="580" height="423" class="alignnone size-large wp-image-5889" style="outline: 1px solid #eee; outline-offset: -1px; margin-bottom: -10px;" srcset="wp-content/uploads/2015/09/espn.jpg 1160w, wp-content/uploads/2015/09/espn-300x219.jpg 300w, wp-content/uploads/2015/09/espn-580x423.jpg 580w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<div class="fiu-gallery">
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/techcrunch/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/16/15621/thumb/52832586/@2x/tc1.jpeg" alt="TechCrunch"></a><a href="http://gallery.webtype.com/in-use/techcrunch/"></p>
<h4>TechCrunch</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/alright-sans-family/">Alright Sans</a></div>
</li>
<li class="fiu-gallery-use">
<a href="https://blog.webtype.com/in-use/espn-fc-website"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/24/23225/thumb/55e66aaa/@2x/ESPN%20FC%203.png" alt="ESPN FC website"></a><a href="https://blog.webtype.com/in-use/espn-fc-website"></p>
<h4>ESPN FC</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/benton-sans-family/">Benton Sans</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<h3 style="margin:180px 125px 3px 165px;">5 Years of Webtype</h3>
<h2><em>Smart</em> Sites</h2>
<p>Some of the most groundbreaking examples of current web design and technology have employed fonts from Webtype. These include creative navigation and infographics like those on Nike’s <a href="http://gallery.webtype.com/in-use/lebron-11-website/">LeBron 11</a> microsite, or editorial sites, like the rich and responsive experience of <cite>Rolling Stone’s</cite> <a href="http://fontsinuse.com/uses/6536/greenland-melting-rolling-stone-feature-websi">“Greenland Melting”</a> feature, or the clear and informative <a href="http://gallery.webtype.com/in-use/origins-of-common-ui-symbols-shuffle-magazine/">“Origins of Common UI Symbols”</a> from <cite>Shuffle Magazine</cite> created on Readymag’s <a href="http://gallery.webtype.com/in-use/readymag-newsletter/">Webtype-powered platform</a> for making your own magazines.</p>
<p><a href="http://gallery.webtype.com/in-use/readymag-newsletter" title="Readymag: make your own online magazines with Webtype fonts"><img src="wp-content/uploads/2015/09/readymag.jpg" alt="Readymag" width="580" height="326" class="alignnone size-large wp-image-5894" style="outline: 1px solid #eee; outline-offset: -1px; margin-bottom: -10px;" srcset="wp-content/uploads/2015/09/readymag.jpg 1180w, wp-content/uploads/2015/09/readymag-300x169.jpg 300w, wp-content/uploads/2015/09/readymag-580x326.jpg 580w" sizes="(max-width: 580px) 100vw, 580px" /></a></p>
<div class="fiu-gallery">
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/readymag-newsletter"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/16/15755/thumb/53c97442/@2x/rm1.png" alt="Readymag"></a><a href="http://gallery.webtype.com/in-use/readymag-newsletter"></p>
<h4>Readymag</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/sweet-sans-family/">Sweet Sans</a>, <a target="_self" href="http://webtype.com/font/nobel-family/">Nobel</a> and <a target="_self" href="http://www.webtype.com/store/search/?q=freight">Freight Big</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://fontsinuse.com/uses/6536/greenland-melting-rolling-stone-feature-websi"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/20/19696/thumb/53518347/@2x/rs4.png" alt="XXXXX"></a><a href="http://fontsinuse.com/uses/6536/greenland-melting-rolling-stone-feature-websi"></p>
<h4><cite>Rolling Stone:</cite> “Greenland Melting”</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/georgia-pro-complete-family-2/">Georgia</a>, <a target="_self" href="http://www.webtype.com/font/garagegothic-complete-family/">Garage Gothic</a> and <a target="_self" href="http://www.webtype.com/font/titling-gothic-fb-family/">FB Titling Gothic</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/lebron-11-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/23/22649/thumb/54993e0f/@2x/Bildschirmfoto%202014-07-24%20um%2011-48-41.png" alt="Nike: LeBron 11"></a><a href="https://blog.webtype.com/XXXXX"></p>
<h4>Nike: LeBron 11</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/font/nitti-family/">Nitti</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<h3 style="margin:180px 0px 3px 290px;">5 Years of Webtype</h3>
<h2 style="font-size:140px; line-height:130px; margin-top:-175px;">All Kinds of Sites</h2>
<p>Webtype users aren’t limited to any particular industry. Thanks to our flexible set up and variety of typefaces, all sorts of companies rely on Webtype: automotive companies like <a href="http://gallery.webtype.com/in-use/lamborghini-com-website/">Lamborghini</a> and <a href="http://gallery.webtype.com/in-use/lexus-com/">Lexus</a>, fashion brands like <a href="http://gallery.webtype.com/in-use/fossil-website/">Fossil</a> and <a href="http://www.levi.com/">Levi’s</a>, and online magazines and newspapers like <a href="http://nymag.com/"><cite>New York</cite> magazine</a> and <cite><a href="index.html%3Fp=4320.html">Más Por Más</a></cite>. Our fonts are found in every sector, from international finance to Hollywood.</p>
<div class="fiu-gallery">
<h3>Automotive</h3>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/lincoln-motor-company/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/10/9280/thumb/53c97665/@2x/lincoln1.png" alt="Lincoln Motor Company"></a><a href="http://gallery.webtype.com/in-use/lincoln-motor-company/"></p>
<h4>Lincoln Motor Company</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/store/search/?q=miller">Miller</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/lexus-com/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/4/3880/thumb/50e8558a/@2x/Lexus%20win7%20flash.png" alt="Lexus"></a><a href="http://gallery.webtype.com/in-use/lexus-com/"></p>
<h4>Lexus</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/store/search/?q=nobel">Nobel</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/lamborghini-com-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/7/6548/thumb/50754778/@2x/lamborghini5-580x407.png" alt="Lamborghini"></a><a href="http://gallery.webtype.com/in-use/lamborghini-com-website/"></p>
<h4>Lamborghini</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/store/search/?q=interstate">Interstate</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<div class="fiu-gallery">
<h3>News</h3>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/bostonglobe-com"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/reviews/0/4f06d8e9/full/2011-12-bostonglobe-th.jpg" alt="Boston Globe"></a><a href="http://gallery.webtype.com/in-use/bostonglobe-com"></p>
<h4><cite>Boston Globe</cite></h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/georgia-pro-complete-family-2/">Georgia</a>, <a target="_self" href="http://webtype.com/font/benton-sans-family/">Benton Sans</a> and <a target="_self" href="http://webtype.com/font/millerheadline-complete-family/">Miller</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/vox-website"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/21/20330/thumb/54bd199c/@2x/vox-com-s-understand.png" alt="Vox"></a><a href="http://gallery.webtype.com/in-use/vox-website/"></p>
<h4><cite>Vox</cite></h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/alright-sans-family/">Alright Sans</a> and <a target="_self" href="http://webtype.com/store/search/?q=harriet">Harriet Series</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/ottawa-citizen-newspaper-site-and-apps/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/22/21239/thumb/53bd7854/@2x/OC_Lockup3%20%281%29.png" alt="Ottawa Citizen"></a><a href="http://gallery.webtype.com/in-use/ottawa-citizen-newspaper-site-and-apps/"></p>
<h4><cite>Ottawa Citizen</cite></h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/titling-gothic-fb-family/">FB Titling Gothic</a>, <a target="_self" href="http://www.webtype.com/font/shift-family/">Shift</a> and <a target="_self" href="http://webtype.com/store/search/?q=benton+sans">Benton Sans</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<div class="fiu-gallery">
<h3>Business/Finance</h3>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://citi.com"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/16/15727/thumb/528bfd41/@2x/citibank_twitter_profile_icon_v04.png" alt="Citibank"></a><a href="http://citi.com"></p>
<h4>Citibank</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/store/search/?q=interstate">Interstate</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/upright-position-communications-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/28/27281/thumb/54ddc1a0/@2x/Upright%20Position%201.png" alt="Upright Position Communications"></a><a href="http://gallery.webtype.com/in-use/upright-position-communications-website/"></p>
<h4>Upright Position Communications</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/store/search/?q=antenna">Antenna</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/grind-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/8/7245/thumb/50b28100/@2x/Bildschirmfoto%202012-10-03%20um%2014-46-18.png" alt="Grind"></a><a href="http://gallery.webtype.com/in-use/grind-website/"></p>
<h4>Grind</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/store/search/?q=belizio">Belizio</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<div class="fiu-gallery">
<h3>Technology</h3>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="index.html%3Fp=3156.html"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/14/13776/thumb/5203e61d/@2x/myspace-app-content1.jpeg" alt="Myspace"></a><a href="index.html%3Fp=3156.html"></p>
<h4>Myspace 2013 Rebrand</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/benton-sans-family/">Benton Sans</a></div>
</li>
<li class="fiu-gallery-use">
<a href="index.html%3Fp=4579.html"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/17/16537/thumb/52b20514/@2x/Screen%20Shot%202013-12-17%20at%209-49-12%20AM.png" alt="Media Lab"></a><a href="index.html%3Fp=4579.html"></p>
<h4>Northwestern University Knight Lab</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/store/search/?q=turnip">Turnip RE</a>, <a target="_self" href="http://webtype.com/store/search/?q=salvo">Salvo Serif</a> and <a target="_self" href="http://webtype.com/store/search/?q=apres">Apres RE</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/assembly-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/16/15809/thumb/5293c405/@2x/as1.png" alt="Assembly"></a><a href="http://gallery.webtype.com/in-use/assembly-website/"></p>
<h4>Assembly</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/mvb-solitaire-family/">MVB Solitaire</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<div class="fiu-gallery">
<h3>Fashion</h3>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/vogue-japan-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/23/22104/thumb/55e69517/@2x/Vogue%20Japan%202.png" alt="Vogue Japan"></a><a href="http://gallery.webtype.com/in-use/vogue-japan-website/"></p>
<h4><cite>Vogue Japan</cite></h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/store/search/?q=miller">Miller Display</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/fossil-website/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/22/21673/thumb/53d00b52/@2x/Bildschirmfoto%202014-07-12%20um%2015-49-44.png" alt="Fossil"></a><a href="http://gallery.webtype.com/in-use/fossil-website/"></p>
<h4>Fossil</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/georgia-pro-complete-family-2/">Scout</a></div>
</li>
<li class="fiu-gallery-use">
<a href="http://gallery.webtype.com/in-use/s-e-h-kelly-clothes/"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/10/9210/thumb/511decbc/@2x/kelly1.png" alt="S.E.H Kelly"></a><a href="http://gallery.webtype.com/in-use/s-e-h-kelly-clothes/"></p>
<h4>S.E.H Kelly</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/store/search/?q=farnham">Farnham</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<div class="fiu-gallery">
<h3 style="margin-bottom: 0px;">Brand Everywhere</h3>
<p style="margin-top: 6px;"><a href="index.html%3Fcat=72.html">Comprehensive identities</a> achieved through consistent use of print and screen type.</p>
<ul class="fiu-gallery-list">
<li class="fiu-gallery-use">
<a href="index.html%3Fp=3726.html"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/13/12577/thumb/51c4b853/@2x/Bildschirmfoto%202013-06-20%20um%2017-32-03.png" alt="Lizzie Skurnick Books"></a><a href="index.html%3Fp=3726.html"></p>
<h4>Lizzie Skurnick Books</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/store/search/?q=harriet">Harriet</a>, <a target="_self" href="http://webtype.com/font/georgia-pro-complete-family-2/">Georgia</a>, and <a target="_self" href="http://www.webtype.com/font/freight-sans-family/">Freight Sans</a></div>
</li>
<li class="fiu-gallery-use">
<a href="index.html%3Fp=3355.html"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/16/15891/thumb/530fc50c/@2x/rei_4membersinaction.jpeg" alt="REI"></a><a href="index.html%3Fp=3355.html"></p>
<h4>REI</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://webtype.com/font/interstate-family/">Interstate</a></div>
</li>
<li class="fiu-gallery-use">
<a href="index.html%3Fp=4666.html"><img class="fiu-thumb" src="//assets.fontsinuse.com/static/use-media-items/22/21132/thumb/53a3127c/@2x/central-park-welcome-signage.jpeg" alt="XXXXX"></a><a href="index.html%3Fp=4666.html"></p>
<h4>NYC Central Park</h4>
<p></a></p>
<div class="fiu-family-names">Using <a target="_self" href="http://www.webtype.com/font/titling-gothic-fb-family/">FB Titling Gothic</a></div>
</li>
</ul>
<p><br class="fiu-clear">
</div>
<h2 style="font-size:90px; line-height:85px; font-family:'Harriet Display Light'; margin:70px 0 50px 0;">And now, some numbers</h2>
<div class="numbers" style="margin-bottom:50px;">
<h3>Font Collection</h3>
<div style="width:193px; float:left;">
<h4>50</h4>
<p>type designers
</p></div>
<div style="width:193px; float:left;">
<h4>150</h4>
<p>font familes
</p></div>
<div style="width:194px; float:left;">
<h4>1,850</h4>
<p>font styles
</p></div>
<p><br class="fiu-clear"></p>
<h3 style="margin-bottom:10px;">Font data served</h3>
<div style="width:280px; float:left; margin-right:20px;">
<p>2010</p>
<h4>0.2</h4>
<p>terabytes per month
</p></div>
<div style="width:280px; float:left;">
<p>Today </p>
<h4><span style="font-family:'Shift Black';">30</span></h4>
<p>terabytes per month
</p></div>
<p><br class="fiu-clear"></p>
<p>That&#8217;s more than</p>
<h4><em>500,000,000</em></h4>
<p>fonts served per month</p>
<div style="width:280px; float:left; margin-right:20px;">
<h3>Sites Served</h3>
<h4 style="margin-left:32px;">8,000+</h4>
<p>Domains (Estimated)
</p></div>
<div style="width:280px; float: left;">
<h3>Uptime</h3>
<h4><span style="font-family:'Shift Black';">100%</h4>
<p>Since September 2014
</p></div>
<p><br class="fiu-clear">
</div>
<p>Despite all our growth, we haven’t lost sight of what separates us from other webfont providers: attentive support, reliable service, easy implementation, and above all, superior typefaces. (Psst, we have lots more type in the pipeline. Keep an eye on the blog!) Here’s to another five years.</p>
<p><em>Typefaces used in this post: <a href="http://www.webtype.com/font/marat-family/">Marat</a>, <a href="http://www.webtype.com/font/planet-family/">Planet</a>, <a href="http://www.webtype.com/font/blesk-family/">Blesk</a>, <a href="http://www.webtype.com/font/itc-franklin-family/">ITC Franklin</a>, <a href="http://www.webtype.com/store/search/?q=benton">Benton Modern RE</a>, <a href="http://www.webtype.com/store/search/?q=harriet">Harriet Display</a>, <a href="http://www.webtype.com/font/atf-poster-gothic-family/">ATF Poster Gothic</a>, <a href="http://www.webtype.com/font/shift-family/">Shift</a>, <a href="http://www.webtype.com/font/helsinki-family/">Helsinki</a>.</em></p>
</div>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-5639" class="post-5639 post type-post status-publish format-standard hentry category-news">
			<h1 class="entry-title"><a href="index.html%3Fp=5639.html" title="Permalink to Introducing the American Type Founders Collection: Classic Typefaces Reinterpreted" rel="bookmark">Introducing the American Type Founders Collection: Classic Typefaces Reinterpreted</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=5639" title="12:54 pm" rel="bookmark">--><span class="entry-date">August 12, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=7" title="View all posts by Stephen Coles">Stephen Coles</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p>Many of today’s most familiar typefaces had their origins in a company known as American Type Founders (ATF), the United States’ most prominent type company of the metal era. Formed in 1892 as a consolidation of 23 independent foundries, ATF dominated hand-set type in the United States by the early part of the 20th century, and was at the forefront of technical developments in designing and producing type. Given this prominence, ATF typefaces are well known and loved still today — the essence of American typography and design. </p>
<p><img src="wp-content/uploads/2015/08/atf.png" alt="atf" width="150" height="121" class="alignnone size-medium wp-image-5648" style="float:right; margin: 2px -15px 10px 18px;" />Since the advent of digital type, there have been many attempts to revive faces from the ATF library, but many are feeble shadows of the originals. Backed by the expertise of designers like Mark van Bronkhorst, Alan Dague-Greene, David Sudweeks, and Ben Kiel, the <a href="http://www.webtype.com/catalog/?foundry=109"><strong>American Type Founders® Collection</strong></a> builds on the company’s legacy, introducing new interpretations of classic ATF typefaces. Fonts in the ATF Collection are developed with the needs of contemporary type users in mind. ATF designer font families build on their predecessors, offering more weights and widths, and the robust character sets and typographic features made possible by today’s font technology. </p>
<p>Webtype is thrilled to offer these useful and respectful interpretations, in parallel with their <a href="http://atftype.com/">desktop release</a>, bringing the same visual richness to the screen that handset type once brought to the printed page.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Alternate-Gothic.png" alt="ATF-Alternate-Gothic" width="580" height="164" class="alignnone size-large wp-image-5670" style="margin: 30px 0 10px -3px;" srcset="wp-content/uploads/2015/08/ATF-Alternate-Gothic.png 1300w, wp-content/uploads/2015/08/ATF-Alternate-Gothic-300x85.png 300w, wp-content/uploads/2015/08/ATF-Alternate-Gothic-580x164.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
<strong><a href="http://www.webtype.com/font/atf-alternate-gothic-family/">ATF Alternate Gothic</a></strong> is a new, significant digital expansion of Morris Fuller Benton’s classic 1903 design. Originally available in one bold weight, the typeface came in three widths for flexibility in copy-fitting layouts. ATF Alternate Gothic provides a wider range: ten weights, with four widths of each weight (40 fonts total). This extensive family can be used to pack a lot into a narrow space, and the breadth of the family makes it easy to create variations for different formats and media.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Poster-Gothic.png" alt="ATF-Poster-Gothic" width="580" height="166" class="alignnone size-large wp-image-5677" style="margin: 30px 0 10px -3px;" srcset="wp-content/uploads/2015/08/ATF-Poster-Gothic.png 1300w, wp-content/uploads/2015/08/ATF-Poster-Gothic-300x86.png 300w, wp-content/uploads/2015/08/ATF-Poster-Gothic-580x166.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
<strong><a href="http://www.webtype.com/font/atf-poster-gothic-family/">ATF Poster Gothic</a></strong> is an expansion of a typeface designed in 1934 by Morris Fuller Benton. The one-weight design was a slightly condensed display companion to Benton’s popular Bank Gothic® family. This new family of aggressively rectilinear headline types features 15 fonts, greatly expanding the design’s possibilities. The all-caps design sports square corners in the counters, creating tension between angular and curved details; this feature, and the generally rectangular shape of the whole alphabet, makes ATF Poster Gothic distinctive on the page or screen, while its relationship to Bank Gothic makes it somehow familiar. Certain weights also recall the style of lettering used on athletic team jerseys, television crime dramas, action &#038; adventure movie titles, and engraved stationery.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Garamond.png" alt="ATF-Garamond" width="580" height="224" class="alignnone size-large wp-image-5693" style="margin: 30px 0 0 -3px;" srcset="wp-content/uploads/2015/08/ATF-Garamond.png 1300w, wp-content/uploads/2015/08/ATF-Garamond-300x116.png 300w, wp-content/uploads/2015/08/ATF-Garamond-580x224.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
The Garamond family tree has many branches. There are probably more typefaces bearing the name Garamond than the name of any other type designer. When ATF Garamond was designed in 1917, it was one of the first revivals of this classic. The new <strong><a href="http://www.webtype.com/font/atf-garamond-subhead-family/">ATF Garamond</a></strong> expands upon a legacy of quality and craftsmanship, bringing back some of the robustness of metal type and letterpress printing often lost in digital adaptations of historic faces. Eighteen fonts comprise three optical sizes — Subhead, Text, and Micro (available by request) — and three weights, including a new Medium that did not exist in metal. ATF Garamond also includes the alternates and swash characters from the original face.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Brush.png" alt="ATF-Brush" width="580" height="322" class="alignnone size-large wp-image-5696" style="margin: 25px 0 10px 0;" srcset="wp-content/uploads/2015/08/ATF-Brush.png 1300w, wp-content/uploads/2015/08/ATF-Brush-300x167.png 300w, wp-content/uploads/2015/08/ATF-Brush-580x322.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
Oh, Brush&thinsp;…&thinsp;beloved script emblem of plumbers, mechanics, bodegas, lunch counters, and other low-rent concerns. Since 1942, you have given faceless apartment buildings a name, brought life to the badges and banners of otherwise tedious trade conventions, and lent excitement to the postcards of middle America’s unsung travel destinations. We have seen so much of you&thinsp;…&thinsp;but not enough! We need more weights: how about five, extending beyond humdrum Medium? We want swash alternates, too, plus lively ligatures and sporty underline tails! Give us cleaner curves and smoother connections, but stay true to your frisky self! Like a nail salon that offers cucumber water, the new <strong><a href="http://www.webtype.com/font/atf-brush-family/">ATF Brush</strong></a> is one step classier than the rest.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Headline-Gothic.png" alt="ATF-Headline-Gothic" width="580" height="158" class="alignnone size-large wp-image-5686" style="margin: 30px 0 10px 0;" srcset="wp-content/uploads/2015/08/ATF-Headline-Gothic.png 1300w, wp-content/uploads/2015/08/ATF-Headline-Gothic-300x82.png 300w, wp-content/uploads/2015/08/ATF-Headline-Gothic-580x158.png 580w" sizes="(max-width: 580px) 100vw, 580px" /><br />
<a href="http://www.webtype.com/font/atf-headline-gothic-family/"><strong>ATF Headline Gothic</strong></a> cries out to be used in headlines, and that is exactly how it was used after it was first created by ATF in 1936 with newspapers in mind. The style of ATF Headline Gothic recalls the bold, condensed gothic display faces of the 19th century, but with more refinement in its details than many large types of the time (typically wood type). The digital ATF Headline Gothic, like its predecessor, comes in a single weight, all caps, but offers two styles: one crisply drawn, and a “Round” version with softer corners, to suggest a more “printed” feel, reminiscent of wood type. Of course, in either style it features a full modern character set, including necessary symbols, such as the Euro, that didn’t exist in 1936.</p>
<p><img src="wp-content/uploads/2015/08/ATF-Wedding-Gothic.png" alt="ATF-Wedding-Gothic" width="580" height="340" class="alignnone size-large wp-image-5710" style="margin: 30px 0 10px -3px;" /><br />
Sporting broad, unadorned caps and just a dash of flair, <strong><a href="http://www.webtype.com/font/atf-wedding-gothic-family/">ATF Wedding Gothic</a></strong> is like an engravers gothic at a black tie affair. It comes from the same tradition as other social gothics from the turn of the twentieth century, such as Engravers Gothic and Copperplate. But where these are the faces of business cards and common announcements, ATF Wedding Gothic is a special occasion. Its swaying ‘R’ and ‘Q’, its characterful figures, and spritely-yet-sturdy insouciance make ATF Wedding Gothic well suited for tasteful engagements of all sorts. Originally offered in a single, wide weight, this version expands what was once a novelty design into a surprisingly versatile family of nine weights. An additional, narrower, standard width brings the count to 18 fonts.</p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	


			<div id="post-5585" class="post-5585 post type-post status-publish format-standard hentry category-news">
			<h1 class="entry-title"><a href="index.html%3Fp=5585.html" title="Permalink to Complete Benton Sans, Now on Webtype" rel="bookmark">Complete Benton Sans, Now on Webtype</a></h1>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Posted </span> <!--<a href="https://blog.webtype.com/?p=5585" title="8:15 am" rel="bookmark">--><span class="entry-date">June 9, 2015</span><!--</a>--><!-- <span class="meta-sep">by</span> <span class="author vcard"><a class="url fn n" href="https://blog.webtype.com/?author=7" title="View all posts by Stephen Coles">Stephen Coles</a></span> -->			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><img style="margin-left:-5px;" src="wp-content/uploads/2015/06/Benton-Sans-complete-family.png" alt="Benton-Sans-complete-family" width="580" height="290" class="alignnone size-large wp-image-5619" srcset="wp-content/uploads/2015/06/Benton-Sans-complete-family.png 1300w, wp-content/uploads/2015/06/Benton-Sans-complete-family-300x150.png 300w, wp-content/uploads/2015/06/Benton-Sans-complete-family-580x290.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p>Today we add all the weights and widths to Webtype’s arsenal of <strong><a href="http://www.webtype.com/font/benton-sans-family/">Benton Sans</a></strong>. This brings our range of the expansive family in parity with the <a href="http://www.fontbureau.com/fonts/bentonsans/">desktop version</a>. The 80 styles include five widths (Extra Compressed, Compressed, Condensed, normal, Wide) and eight weights (Thin, Extra Light, Light, Book, Regular, Medium, Bold, Black), each with an italic.</p>
<h2>Taking it to the Extreme</h2>
<p>Eighty is a lot of styles. We don’t expect many customers to license and use the entire Benton Sans range. What makes a mega-family valuable is the versatility it provides for fine-tuning hierarchies, getting just the right dimensions, or achieving maximum contrast. For example, the extremes in Benton Sans’ weight spectrum give web designers new flexibility, especially when it comes to display type. As letters get larger, bolds can be bolder and lights can be lighter — and sometimes they need to be that way to get the same impact that less extreme weights would have at smaller sizes. Benton Sans Thin and Extra Light offer an elegant counterpart to the steadfast text of the standard weights. And the Black packs a heavy punch without straying from the no-nonsense character at the design’s core.</p>
<p><img style="margin-bottom: -6px;" src="wp-content/uploads/2015/05/Benton-Sans-thin.png" alt="Benton-Sans-thin" width="580" height="183" class="alignnone size-large wp-image-5608" srcset="wp-content/uploads/2015/05/Benton-Sans-thin.png 1300w, wp-content/uploads/2015/05/Benton-Sans-thin-300x95.png 300w, wp-content/uploads/2015/05/Benton-Sans-thin-580x183.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p class="wp-caption-text"><a href="http://www.webtype.com/font/benton-sans-thin/#specimen-tab">Benton Sans Thin</a> with <a href="http://www.webtype.com/font/bentonsansre-family/">Benton Sans RE</a>. The Thin and Extra Light weights let you maintain a hairline appearance, even when the type is large. They also provide opportunities for optically echoing the stroke weight of much smaller type, like the text shown here.</p>
<p><img style="margin: 20px 0 -6px 0;" src="wp-content/uploads/2015/05/benton-sans-black.png" alt="benton-sans-black" width="580" height="166" class="alignnone size-large wp-image-5609" srcset="wp-content/uploads/2015/05/benton-sans-black.png 1300w, wp-content/uploads/2015/05/benton-sans-black-300x86.png 300w, wp-content/uploads/2015/05/benton-sans-black-580x166.png 580w" sizes="(max-width: 580px) 100vw, 580px" /></p>
<p class="wp-caption-text"><a href="http://www.webtype.com/font/benton-sans-condensed-black/#specimen-tab">Benton Sans Condensed Black</a> and <a href="http://www.webtype.com/font/benton-sans-condensed-thin/#specimen-tab">Thin</a> with <a href="http://www.webtype.com/font/benton-sans-black/#specimen-tab">Benton Sans Black</a> and <a href="http://www.webtype.com/font/benton-modern-family/">Benton Modern</a>. Big differences in font weight allow for overlapping headline effects, eye-grabbing contrast, and strong emphasis within text.</p>
<p style="margin-top:30px;"><em>As always, the Webtype free trial applies: you can <a href="http://www.webtype.com/font/benton-sans-family/">put all these new weights to the test</a> at no charge for up to 30 days.</em></p>
							</div><!-- .entry-content -->
			<hr class="separator" /></div><!-- #post-## -->

		
	

				<div id="nav-below" class="navigation clearafter">
					<div class="nav-previous"><a href="index.html%3Fpaged=2.html" >Older posts</a></div>
					<div class="nav-next"></div>
				</div><!-- #nav-below -->
        
      </div>

			
		<div class="right-column">

		<div id="recent-posts-4" class="widget-container widget_recent_entries">		<h3 class="widget-title">Recent Posts</h3>		<ul>
											<li>
					<a href="index.html%3Fp=6221.html">New from American Type Founders Collection: ATF Railroad Gothic</a>
									</li>
											<li>
					<a href="index.html%3Fp=6198.html">New from Font Bureau: Escrow Banner and Escrow Reading Edge</a>
									</li>
											<li>
					<a href="index.html%3Fp=6170.html">New from Bold Monday: Nitti Mostro</a>
									</li>
											<li>
					<a href="index.html%3Fp=6121.html">New from Monokrom: Vinter Expansion</a>
									</li>
											<li>
					<a href="index.html%3Fp=6096.html">New: Roster from Font Bureau</a>
									</li>
					</ul>
		</div><div id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3>		<ul>
	<li class="cat-item cat-item-72"><a href="index.html%3Fcat=72.html" >Brand Everywhere</a> (5)
</li>
	<li class="cat-item cat-item-1"><a href="index.html%3Fcat=1.html" >News</a> (35)
</li>
	<li class="cat-item cat-item-75"><a href="index.html%3Fcat=75.html" >Type Portraits</a> (70)
</li>
	<li class="cat-item cat-item-5"><a href="index.html%3Fcat=5.html" >Webtype in use</a> (22)
</li>
		</ul>
</div><div id="twitter-3" class="widget-container widget_twitter"><div><h3 class="widget-title"><span class='twitterwidget twitterwidget-title'>Webtype on Twitter</span></h3><ul><li><span class='entry-content'>RT <a href="http://twitter.com/typeparis" class="twitter-user" target="_blank">@typeparis</a>: Welcome to the legendary David Berlow! <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a> <a href="http://twitter.com/search?q=%23typeparis18" class="twitter-hashtag" target="_blank">#typeparis18</a> international guest type crit + <a href="http://twitter.com/search?q=%23tptalks18" class="twitter-hashtag" target="_blank">#tptalks18</a> speaker. Apply b…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/973228770260934657" target="_blank">12:06:35 PM March 12, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/tamye" class="twitter-user" target="_blank">@tamye</a>: If you’re in Austin for <a href="http://twitter.com/sxsw" class="twitter-user" target="_blank">@sxsw</a>, don’t miss my dear friend and <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a> teammate <a href="http://twitter.com/BaldCondensed" class="twitter-user" target="_blank">@BaldCondensed</a> as he explores “The Secret Lan…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/973228695837081600" target="_blank">12:06:17 PM March 12, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/OccupantFonts" class="twitter-user" target="_blank">@OccupantFonts</a>: There’s still time. “Products of a Thinking Hand” will be up through March 28. And the book will be available for purcha…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/973228641424498688" target="_blank">12:06:04 PM March 12, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a>: The <a href="http://twitter.com/search?q=%23typodarium" class="twitter-hashtag" target="_blank">#typodarium</a> calendar marks <a href="http://twitter.com/petrvanblokland" class="twitter-user" target="_blank">@petrvanblokland</a> day. Productus looks lovely in the late, late winter light. <a href="http://twitter.com/search?q=%23typodarium201" class="twitter-hashtag" target="_blank">#typodarium201</a>…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/968994772982444032" target="_blank">07:42:11 PM February 28, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a>: A favorite face gets a major lift—@richard_lipton’s Sloop Script Pro is bigger and better and more of a polymath than ever…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/968979054899748865" target="_blank">06:39:44 PM February 28, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a>: Fill up on movie-poster typography! <a href="http://twitter.com/baldcondensed" class="twitter-user" target="_blank">@baldcondensed</a> is back with a new episode of ScreenFonts: <a href="https://t.co/N0UIzYeVGK" target="_blank">https://t.co/N0UIzYeVGK</a> http…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/967051696521334786" target="_blank">11:01:06 AM February 23, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/victoriaalissia" class="twitter-user" target="_blank">@victoriaalissia</a>: Loooove this identity (for a Baltimore-based company!) designed by the lovely <a href="http://twitter.com/rrrellis" class="twitter-user" target="_blank">@rrrellis</a> that uses my typeface Embury.…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/958425296784457729" target="_blank">03:42:52 PM January 30, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/typedirectors" class="twitter-user" target="_blank">@typedirectors</a>: Don't miss this! TDC NYC Salon Feb 15: <a href="http://twitter.com/che_douglas" class="twitter-user" target="_blank">@che_douglas</a> Global Head of <a href="http://twitter.com/search?q=%23Design" class="twitter-hashtag" target="_blank">#Design</a> <a href="http://twitter.com/wsj" class="twitter-user" target="_blank">@wsj</a> will discuss how WSJ is simplifying, sta…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/958424639675555842" target="_blank">03:40:15 PM January 30, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/TypeNetwork" class="twitter-user" target="_blank">@TypeNetwork</a>: Fit by <a href="http://twitter.com/djr" class="twitter-user" target="_blank">@djr</a> extends into Hebrew, thanks to <a href="http://twitter.com/OdedEzer" class="twitter-user" target="_blank">@OdedEzer</a>: <a href="https://t.co/6EoNMMVgQF" target="_blank">https://t.co/6EoNMMVgQF</a> <a href="https://t.co/bFRLtCuoRO" target="_blank">https://t.co/bFRLtCuoRO</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/955833760167194629" target="_blank">12:05:01 PM January 23, 2018</a></span></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/xyz_type" class="twitter-user" target="_blank">@xyz_type</a>: Jesse and Ben will be speaking as part of the <a href="http://twitter.com/CooperType" class="twitter-user" target="_blank">@CooperType</a> lecture series on March 27th. Come learn how we did about the dusty…</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/Webtype/statuses/955580413396779008" target="_blank">07:18:19 PM January 22, 2018</a></span></span></li></ul></div></div><div id="search-2" class="widget-container widget_search"><h3 class="widget-title">Blog Search</h3><form role="search" method="get" id="searchform" class="searchform" action="index.html">
				<div>
					<label class="screen-reader-text" for="s">Search for:</label>
					<input type="text" value="" name="s" id="s" />
					<input type="submit" id="searchsubmit" value="Search" />
				</div>
			</form></div>		</div><!-- #primary .widget-area -->

    </div>
        </div><!-- end of .content-box -->        
  </div><!-- end of style:relative -->
</div><!-- end of #Blog -->

<div class="footer clearafter">
 <div style="padding: 25px 25px 0;" class="clearafter">
  <div class="footer-logo">
    <a href="http://www.webtype.com"><img title="Webtype" alt="Webtype" src="//www.webtype.com/local/svg/f-logo.svg" onerror='this.src="//www.webtype.com/local/images/f-logo.png"; this.onerror=null;'></a>
    <p>Webtype provides high-end fonts for online typography. We offer web designers the resources they need to bring professional branding and style to their websites.<br>
    <a href="http://www.webtype.com/info/advantage/">Learn more &gt;</a></p>  
  </div>
  <div class="footer-column">
    <h3>Browse fonts by intended Size</h3>
    <ul>
      <li><a href="http://www.webtype.com/catalog/?wssmall=829">Small <span class='sizehint'>9px-14px</span><span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?wsmedium=866">Medium <span class='sizehint'>14px-48px</span><span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?wslarge=830">Large <span class='sizehint'>48px+</span><span>&gt;</span></a></li>
    </ul>
    <h3>Browse fonts by Category</h3>
    <ul style="padding:0;">
      <li><a href="http://www.webtype.com/catalog/?tsserif=692">Serif <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?tssans=693">Sans-serif <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?tsscript=691">Script <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?tsdecorative=828">Decorative <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/catalog/?tssymbol=782">Symbol <span>&gt;</span></a></li>
    </ul>
  </div>
  <div class="footer-column">
    <h3>Keep in touch with Webtype</h3>
    <ul>
      <li><a href="http://twitter.com/webtype">Twitter <span>&gt;</span></a></li>
      <li><a href="index.html%3Ffeed=rss2">RSS Feed <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/store/enewsletter/">E-mail Subscription <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/store/contact/">Contact Us <span>&gt;</span></a></li>
    </ul>
    <h3>More info about Webtype</h3>
    <ul style="padding: 0;">
      <li><a href="http://www.webtype.com/info/advantage/">Introduction <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/info/help/">Support &amp; FAQ <span>&gt;</span></a></li>
      <li><a href="http://www.webtype.com/info/about/">About Us <span>&gt;</span></a></li>
    </ul>
   </div>
   <div class="footer-column">
   

			<div id="footer-widget-area" role="complementary">

				<div id="first" class="widget-area">
					<ul class="xoxo">
								<li id="recent-posts-3" class="widget-container widget_recent_entries">		<h3 class="widget-title">Recently on the Webtype blog</h3>		<ul>
											<li>
					<a href="index.html%3Fp=6221.html">New from American Type Founders Collection: ATF Railroad Gothic</a>
									</li>
											<li>
					<a href="index.html%3Fp=6198.html">New from Font Bureau: Escrow Banner and Escrow Reading Edge</a>
									</li>
											<li>
					<a href="index.html%3Fp=6170.html">New from Bold Monday: Nitti Mostro</a>
									</li>
											<li>
					<a href="index.html%3Fp=6121.html">New from Monokrom: Vinter Expansion</a>
									</li>
											<li>
					<a href="index.html%3Fp=6096.html">New: Roster from Font Bureau</a>
									</li>
					</ul>
		</li>					</ul>
				</div><!-- #first .widget-area -->




			</div><!-- #footer-widget-area -->

   </div>
 </div>
</div>



  
</body>
</html>