<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Jason Santa Maria&#8217;s Favorite Fonts</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="content_page" content="true"> <style type="text/css"> body { font-family: Georgia, "Times New Roman", Times, serif; color: #333; background-color: #fff; text-align: left; } a { color: #f00; } a img { border: none; } h1 { margin: 0 0 30px 0; } .smallCaps { font-size: 11px; text-transform: uppercase; } .smallerCaps { font-size: 10px; text-transform: uppercase; } ul, li { list-style-type: none; font-size: 13px; padding: 0px;} li { margin-bottom: 5px; font-size: 10px;} </style> <style type="text/css" media="print"> div#footer{ padding-bottom:0; } div.product{ page-break-before:always; page-break-inside:avoid; } </style> </head> <BODY lang=DE bgColor=white link=red vLink=red onresize=bodyWasResized()><SPAN class=msgbox id=RestoringMsg> <DIV style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px"> <DIV id=filler style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px"> <DIV class=titlebox id=objectTitleBox> <DIV class=title id=objectTitle></DIV></DIV> <DIV class=headerInfo> <DIV style="WIDTH: 100%"> </DIV></DIV></DIV> <DIV class=main> <DIV class=contentbox> <DIV id=theDiv> <DIV class=content id=theDivsActualTextContent name="contentDiv"> <META name=Generator content="Microsoft Word 11 (filtered medium)"><!--[if !mso]> <STYLE>.shape { BEHAVIOR: url(#default#VML) } </STYLE> <![endif]--> <STYLE>@font-face { font-family: Helvetica; } @font-face { font-family: Wingdings; } @font-face { font-family: Tahoma; } @font-face { font-family: Georgia; } P.MsoNormal { FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; MARGIN: 0cm 0cm 0pt } LI.MsoNormal { FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; MARGIN: 0cm 0cm 0pt } DIV.MsoNormal { FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; MARGIN: 0cm 0cm 0pt } H1 { FONT-SIZE: 24pt; FONT-FAMILY: "Times New Roman"; FONT-WEIGHT: bold; MARGIN: 0cm 0cm 20.4pt } A:link { TEXT-DECORATION: underline; COLOR: red } SPAN.MsoHyperlink { TEXT-DECORATION: underline; COLOR: red } A:visited { TEXT-DECORATION: underline; COLOR: red } SPAN.MsoHyperlinkFollowed { TEXT-DECORATION: underline; COLOR: red } P { FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } P.smallcaps { FONT-SIZE: 7.5pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } LI.smallcaps { FONT-SIZE: 7.5pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } DIV.smallcaps { FONT-SIZE: 7.5pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } P.smallercaps { FONT-SIZE: 7pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } LI.smallercaps { FONT-SIZE: 7pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } DIV.smallercaps { FONT-SIZE: 7pt; FONT-FAMILY: "Times New Roman"; TEXT-TRANSFORM: uppercase; MARGIN-LEFT: 0cm; MARGIN-RIGHT: 0cm; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto } SPAN.E-MailFormatvorlage22 { TEXT-DECORATION: none; FONT-FAMILY: Arial; FONT-WEIGHT: normal; COLOR: blue; FONT-STYLE: normal; mso-style-type: personal-reply } DIV.Section1 { page: Section1 } OL { MARGIN-BOTTOM: 0cm } UL { MARGIN-BOTTOM: 0cm } </STYLE> <META name=content_page content=true> <STYLE media=print>DIV#footer { PADDING-BOTTOM: 0px } DIV.product { PAGE-BREAK-INSIDE: avoid; PAGE-BREAK-BEFORE: always } </STYLE> <!--[if gte mso 9]><xml> <o:shapedefaults v:ext="edit" spidmax="1026" /> </xml><![endif]--><!--[if gte mso 9]><xml> <o:shapelayout v:ext="edit"> <o:idmap v:ext="edit" data="1" /> </o:shapelayout></xml><![endif]--> <DIV class=Section1> <DIV align=center> <TABLE width=660 class=MsoNormalTable style="WIDTH: 495pt; BACKGROUND: #dddddd" bgColor=#dddddd border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <DIV align=center> <TABLE width=600 class=MsoNormalTable style="WIDTH: 450pt; BACKGROUND: white" bgColor=white border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR height=40 style="HEIGHT: 30pt"> <TD height=40 vAlign=top style="HEIGHT: 30pt; BACKGROUND: #dddddd; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" bgColor=#dddddd> <P align=center style="MARGIN-BOTTOM: 6.8pt; TEXT-ALIGN: center"><FONT color=#dddddd face=Arial size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial; COLOR: #dddddd">Jason Santa Maria talks about his favorite fonts</SPAN></FONT><FONT color=#333333 face=Arial size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial; COLOR: #333333"> <BR><BR> <o:p></o:p></SPAN></FONT></P></TD></TR></TBODY></TABLE></DIV> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P> <DIV align=center> <TABLE width=600 class=MsoNormalTable style="WIDTH: 450pt; BACKGROUND: white" bgColor=white border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <H1 align=center style="TEXT-ALIGN: center"><B><FONT color=#333333 face=Georgia size=6><SPAN style="FONT-SIZE: 24pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com"><FONT color=#dc0000><SPAN style="TEXT-DECORATION: none; COLOR: #dc0000"><IMG width=601 height=247 id=_x0000_i1025 style="BORDER-TOP-STYLE: none; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none" alt="Jason Santa Maria" src="img/title_0.gif" border=0></SPAN></FONT></A><o:p></o:p></SPAN></FONT></B></H1></TD></TR></TBODY></TABLE></DIV> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P> <DIV align=center> <TABLE width=600 class=MsoNormalTable style="WIDTH: 450pt; BACKGROUND: white" bgColor=white border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD> <TD style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=2> <P style="MARGIN-BOTTOM: 13.6pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333">In the second installment of our Designer Spotlight series we shine FontShop s yellow glow on <A href="http://jasonsantamaria.com/"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Jason Santa Maria</SPAN></FONT></A>, founder and principal of Mighty, a Brooklyn-based design studio, and creative director of Typekit.</SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"> <o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD> <TD width=205 vAlign=top style="WIDTH: 153.75pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 0pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 6.8pt; mso-margin-top-alt: 0cm"><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333">Creator of highly acclaimed web experiences, Jason s weapon of choice is typography, which he wields deftly to make complex topics accessible and appealing. This is evident in his work on <A href="http://typedia.com/"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Typedia</SPAN></FONT></A>, a shared encyclopedia of typefaces; <A href="http://alistapart.com/"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">A List Apart</SPAN></FONT></A>, a magazine for people who make websites; and <A href="http://jasonsantamaria.com/"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">his own award-winning site</SPAN></FONT></A> for which he famously breaks from the traditional blog template, designing each entry separately to fit the subject at hand. <o:p></o:p></SPAN></FONT></P></TD> <TD width=275 vAlign=top style="WIDTH: 206.25pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P align=right class=MsoNormal style="TEXT-ALIGN: right"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><IMG width=275 height=270 id=_x0000_i1026 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; MARGIN-LEFT: 15px; BORDER-LEFT: #999999 1px solid" src="img/jsmpage_1.png" border=0><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=2> <P style="MARGIN-BOTTOM: 33.95pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333">Whether he s designing web pages or printed pages, Jason s typographic palette is understated, yet constantly changing. His respect for the tried-and-true classics is clear, but his eye also scans the horizon for interesting new releases. Here are some of his favorite typefaces and the work they helped produce. <o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=16 style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none"></TD> <TD width=183 style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none"></TD> <TD width=384 style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none"></TD> <TD width=16 style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none"></TD></TR></TBODY></TABLE></DIV> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P> <DIV align=center> <TABLE width=600 class=MsoNormalTable style="WIDTH: 450pt; BACKGROUND: white" bgColor=white border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="http://v4.jasonsantamaria.com/articles/brain-food/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=550 id=_x0000_i1027 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="Freight Sans" src="img/freightsans_2.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 40.75pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/freight-sans"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Freight Sans</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>Freight Sans is one part of Joshua Darden s wonderful <A href="https://www.fontshop.com/superfamilies/freight"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">super family</SPAN></FONT></A> that also includes serif and display variants. It has this odd ability to fade into the background sometimes, or jump up and down when you need it to. And damn that man knows how to make an italic.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="http://v4.jasonsantamaria.com/articles/shake-it-like-a-metaphorical-picture/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=553 id=_x0000_i1028 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="News Gothic" src="img/newsgothic_3.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 40.75pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 10.2pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/news-gothic"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">News Gothic</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>Paul Giambarba s branding work for Polaroid was one of my first exposures to News Gothic (though its cousin Franklin Gothic, also by Morris Fuller Benton, has always been a staple for me). It s a bit vanilla, but its compact stature and angularity make for powerful typography.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="http://v4.jasonsantamaria.com/articles/mathematics-of-the-tootsie-pop/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=540 id=_x0000_i1029 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="Cooper Black" src="img/cooperblack_4.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 33.95pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 6.8pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/cooper-black-lt"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Cooper Black</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>I know these days it s campy and shlocky and makes most designers cringe. But Cooper Black is like a dog that s so ugly it becomes cute, and for that I love it. There, I said it. It was also a no-brainer for this piece because it s still Tootsie Pop s pride and joy.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="http://bobulate.com/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=518 id=_x0000_i1030 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt=Skolar src="img/skolar_5.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 40.75pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/skolar"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Skolar</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>Skolar was the first of the fonts making their way onto the web for screen use that I fell in love with. It feels formal, without being stuffy, and has a bit of quirk to it, like someone wearing a suit with rainbow striped socks. The italic is especially lovely.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.flickr.com/photos/jasonsantamaria/311149672/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=518 id=_x0000_i1031 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="Garamond Premier Pro and Trade Gothic" src="img/garamondtrade_6.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 33.95pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 17.0pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/garamond-premier"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Garamond Premier Pro</SPAN></FONT></A> and <A href="https://www.fontshop.com/families/trade-gothic"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Trade Gothic</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>Garamonds will always have a place in my heart, and I jumped at the first chance to use Robert Slimbach s labor of love which is based on the variant hand-cut type sizes by Claude Garamond. Trade Gothic remains one of my favorite typefaces, it s sturdy as hell, mechanical, and remarkably forgiving.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="http://www.abookapart.com/"><SPAN style="TEXT-DECORATION: none"><IMG width=500 height=400 id=_x0000_i1032 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="Yoga, Yoga Sans, and Titling Gothic" src="img/yogagothic_7.gif" border=0></SPAN></A><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 40.75pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/ff-yoga"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">FF Yoga</SPAN></FONT></A> and <A href="https://www.fontshop.com/families/titling-gothic"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Titling Gothic</SPAN></FONT></A></SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>FF Yoga and FF Yoga Sans by Xavier Dupr are both beautiful and highly legible book types with a modern flair. David Berlow s Titling Gothic makes for great headlines, especially because you can keep the text large with the more condensed weights on such a small book as this.<EM><I><FONT face=Georgia><SPAN style="FONT-FAMILY: Georgia">&nbsp;</SPAN></FONT></I></EM></SPAN></FONT><EM><I><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: Georgia; COLOR: #333333"> JSM</SPAN></FONT></I></EM><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD vAlign=top style="PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm" colSpan=3> <P align=center class=MsoNormal style="TEXT-ALIGN: center"><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><IMG width=500 height=621 id=_x0000_i1033 style="BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid" alt="Yoga, Yoga Sans, and Titling Gothic" src="img/collage_8.gif" border=0><o:p></o:p></SPAN></FONT></P></TD></TR> <TR> <TD width=134 style="WIDTH: 100.5pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p>&nbsp;</o:p></SPAN></FONT></P></TD> <TD width=416 style="WIDTH: 312pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 40.75pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 12.25pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 13.6pt"><STRONG><B><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><A href="https://www.fontshop.com/families/vista-sans"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Vista Sans</SPAN></FONT></A>, <A href="https://www.fontshop.com/families/adobe-garamond"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Adobe Garamond</SPAN></FONT></A>, and <A href="https://www.fontshop.com/families/ff-dax"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">FF Dax Web</SPAN></FONT></A> </SPAN></FONT></B></STRONG><FONT color=#333333 face=Georgia size=1><SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: Georgia; COLOR: #333333"><BR>Jason s web designs are seen by millions every week thanks to his work for popular destinations like Dictionary.com, which he freshened from its former stodginess using Vista Sans; <A href="http://alistapart.com/">A List Apart</A>; and <A href="https://typekit.com/foundries/fontfont"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Typekit</SPAN></FONT></A>, which offers <A href="https://www.fontshop.com/people/fontshop-team/fontlists/web-fontfonts-de"><FONT color=#dc0000><SPAN style="COLOR: #dc0000">Web FontFonts</SPAN></FONT></A> to those who prefer a library subscription.<o:p></o:p></SPAN></FONT></P></TD> <TD width=60 style="WIDTH: 45pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333">&nbsp;&nbsp;<o:p></o:p></SPAN></FONT></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE width=600 class=MsoNormalTable style="WIDTH: 450pt; BACKGROUND: #dddddd" bgColor=#dddddd border=0 cellSpacing=0 cellPadding=0> <TBODY> <TR> <TD width=500 style="WIDTH: 375pt; PADDING-BOTTOM: 0cm; PADDING-TOP: 0cm; PADDING-LEFT: 0cm; PADDING-RIGHT: 0cm"> <P style="MARGIN-BOTTOM: 6.8pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 10.85pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 20.4pt"><FONT color=#666666 face=Helvetica size=1><SPAN style="FONT-SIZE: 7pt; FONT-FAMILY: Helvetica; COLOR: #666666">&nbsp;2010 FontShop &nbsp;|&nbsp; 149 Ninth St, Suite 302 &nbsp;|&nbsp; San Francisco, CA 94103<BR>US/Canada: 1 888 FF FONTS &nbsp;|&nbsp; International: +1 415 252 1003<o:p></o:p></SPAN></FONT></P> <P style="MARGIN-BOTTOM: 20.4pt; MARGIN-LEFT: 0cm; LINE-HEIGHT: 10.85pt; MARGIN-RIGHT: 0cm; mso-margin-top-alt: 0cm"><FONT color=#666666 face=Helvetica size=1><SPAN style="FONT-SIZE: 7pt; FONT-FAMILY: Helvetica; COLOR: #666666">This newsletter is sent with <A href="https://www.campaignmonitor.com/" target=_blank><FONT color=#777777><SPAN style="COLOR: #777777">Campaign Monitor</SPAN></FONT></A>.<o:p></o:p></SPAN></FONT></P></TD></TR></TBODY></TABLE></DIV> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><o:p></o:p></SPAN></FONT></P></TD></TR></TBODY></TABLE></DIV> <P class=MsoNormal><FONT color=#333333 face=Georgia size=3><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia; COLOR: #333333"><IMG width=1 height=1 id=_x0000_i1044 style="BORDER-LEFT-WIDTH: 0in; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0in; WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0in; PADDING-BOTTOM: 0in; PADDING-TOP: 0in; PADDING-LEFT: 0in; MARGIN: 0in; PADDING-RIGHT: 0in; BORDER-TOP-WIDTH: 0in" src="img/o.gif" border=0><o:p></o:p></SPAN></FONT></P></DIV></DIV></DIV></DIV></DIV></DIV></BODY></HTML>