Noah Buscher

15 Flips | 2 Magazines | 400 Likes | 7 Following | 2 Followers | @NoahBuscher | Developer and espresso machine.

20 Must Have Tools for Web Development

2°<p>It is vital for all businesses and organizations to have a strong presence online nowadays. This has put quite a lot of stress on web developers to …

Web Design

Typographer’s typefaces The 25 most admired typefaces by typographers, type designers and letterers. Selecting the right typeface makes all the difference to effective design and communication. But with over 100,000 font families to pick from it can be a daunting task. There are some excellent guides on how to choose a typeface and helpful methods for pairing typefaces but in order to apply these principles it’s important to be familiar with a broad range of quality typefaces. Wouldn’t it be great to start with a short list of typefaces, hand-picked by designers in the type industry? In each issue of 8 Faces magazine we asked eight leading designers from the fields of typography, lettering and type design itself: If you could use just eight typefaces, which would you choose? Over four years and across eight issues we interviewed 64 world-renowned designers1, including; Erik Spiekermann, Jessica Hische, Michael Bierut, Nina Stössinger, Mark Simonson & Seb Lester, plus owners of respected type foundries such as, Font Smith, Type Together and Process Type. We’ve counted the number of times each typeface was selected and found consensus with the top 25. The top 10 designers’ favourite fonts will be quite familiar to many but hopefully the full list will provide a useful stepping stone to exploring many more. 1. Georgia Matthew Carter, 1993. Chosen 11 times. Originally designed for clarity on low resolution screens, for Microsoft, it is the counterpart to Verdana, which also appears in this list. Georgia has a large x-height and ascenders that rise above the cap height. It’s a sturdy yet friendly typeface, with a wonderful flowing italic, that features on millions of websites. “A gorgeous technical achievement.” Jason Santa Maria 2. Gotham Tobias Frere-Jones, 2000. Chosen 8 times. Famously used for Barack Obama’s 2008 presidential campaign. “Each character just feels ‘normal’ and ‘right’”. H & FJ 3. FF Scala Martin Majoor, 1990. Chosen 7 times. FontShop International’s ‘first serious text face’. “Scala and Scala San are just about perfect.” John Boardley 4. Futura Paul Renner, 1927. Chosen 6 times. This immortal ‘modern’ typeface with its uncompromising shapes has become the benchmark geometric sans for almost 80 years. “Paul Renner’s Future characterised his time and influenced many other designers. It was a real modern typeface, not based on existing serif typefaces”. Georg Salden 5. Gill Sans Eric Gill, 1926. Chosen 5 times. A quintessential British design produced under the direction of Stanley Morison at Monotype. It remains one of the most distinctive blends of humanist and geometric shapes. 6. Garamond (Claude Garamond, c. 1480–1561), Several derivatives of the Parisian punch cutter’s design have been chosen, including; ITC Garamond (Tony Stan), Adobe Garamond & Garamond Premier (Robert Slimbach). Chosen 5 times. “Garamond was quite the master who appreciated restraint as much as elegance. Of the various roman and italic sizes that he cut, I feel his Vraye Parangonne font (about 18 pt.) best captures the essence of his vision. The subtlety of line and detail are simply remarkable.” Robert Slimbach 7. Caslon (Adobe Caslon) (William Caslon I, 1722) Carol Twombly, 1990. Chosen 4 times. Gave rise to a printer’s saying ‘When in doubt, use Caslon’. Also a favourite of Benjamin Franklin. 8. Akzidenz Grotesk H. Berthold, Berthold Type Foundry, 1898. Chosen 4 times. The first widely used sans serif typeface. “The original grotesque and still the best.” Vincent Connare 9. Alternate Gothic Morris Fuller Benton, 1903. Chosen 4 times. Designed for the American Typefounders Company (ATF). All three weights are bold and narrow. Currently used on YouTube’s homepage logo. “Very well designed and drawn. It’s a standard that I strive for in my own work” Mark Simonson 10. Baskerville John Baskerville, 1757. Chosen 4 times. Baskerville designed his own type to improve his printed works and better the dominant fonts of William Caslon. His typefaces were both admired (notably by Giambattista Bodoni and Benjamin Franklin) and criticised by his competitors. Baskerville made variations of his typeface for use at different sizes (now referred to as ‘optical sizes’). Some modern interpretations of Baskerville have been reproduced following the designs of a specific size, resulting in several distinct versions. 11. Helvetica Max Miedinger with Eduard Hoffmann, 1957. Chosen 4 times. Helvetica needs no introduction as the planet’s most famous typeface—it even inspired a very good film. “You can say, ‘I love you,’ in Helvetica. And you can say it with Helvetica Extra Light if you want to be really fancy. Or you can say it with the Extra Bold if it’s really intensive and passionate, you know, and it might work.” Massimo Vingelli 12. Metro William Addison Dwiggins, 1930. Chosen 4 times. Designed out of a dissatisfaction with the san serifs of the time like Futura. 13. ITC Franklin Gothic Morris Fuller Benton, 1902. Chosen 4 times. Created for the American Type Founders Company and named after Benjamin Franklin. 14. Meta Serif Erik Spiekermann, Christian Schwartz and Kris Sowersby, 2007. Chosen 4 times. The serif companion to Eric Spiekermann’s influential sans serif, FF Meta. Also designed to work well with FF Unit and FF Unit Slab. 15. Trade Gothic Jackson Burke, 1948/1960. Chosen 4 times. Michael Bierut described it as “The ultimate ‘I don’t give a damn” typeface. No style, no nuance, just blunt, in-your-face, straightforward attitude.” 16. Adelle José Scaglione and Veronika Burian, 2009. Chosen 3 times. Adelle is a slab serif typeface conceived for intensive editorial use, mainly in newspapers and magazines but its personality and flexibility make it very adaptable. “Adelle Sans manages to capture one of the most desired of human emotions: cheerfulness.” Nadine Chahine 17. Caecilia Peter Matthias Noordzij, 1990. Chosen 3 times. A humanist rather than geometric slab serif, aiding its legibility. “A friendly slab serif that’s more contemporary in its structure. Its large, flexible, family that always sets a really nice approachable tone whenever I use it.” Frank Chimero 18. Chaparral Carol Twombly, 2000. Chosen 3 times. A “hybrid slab-serif” text face that mixes the legibility of 19th Century designs with 16th century panache. 19. DIN Albert-Jan Pool, 1995. Chosen 3 times. This clean geometric sans is based on the German standard typeface, DIN 1451, used for official documents and street signs etc. DIN stands for Deutsches Institut für Normung (German Institute of Standardisation). The font was added to the MoMA Design Collection in 2011. 20. Hoefler Text Jonathan Hoefler, 1991. Chosen 3 times. Designed for Apple to demonstrate advanced type technologies it reintroduced type design traditions once central to fine printing like ligature sets, engraved capitals, ornaments and arabesques. 21. Quadraat Fred Smeijers, 1992. Chosen 3 times. An original typeface Combining Renaissance elegance with contemporary ideas on construction and form. Named after Smeijers’ design studio in Arnhem, of the same name. “In my opinion one of the most significant type designs of the nineties” Yves Peters 22. Sabon Jan Tschichold, 1964. Chosen 3 times. An oldstyle serif typeface based on Garamond. A distinguishing feature of Sabon is the same width occupied by characters in the Roman and Italic styles, and the Regular and Bold weights. 23. Sentinel Jonathan Hoefler & Tobias Frere-Jones, 2009. Chosen 3 times. “For everyone who’s ever wished Clarendons had italics”. Three of our interviewees had. A slab serif with copious weights suitable for both text and display. Based on the original Clarendon designs by the Fann Street Foundry in Clerkenwell, London 24. Verdana Matthew Carter, 1996. Chosen 3 times. It was created specifically to address the challenges of on-screen display. Verdana’s large x-height, wide proportions, generous letter-spacing and large counters are key to its legibility at small sizes. 25. Fedra Serif Peter Bilak, 2003. Chosen 3 times. A highly original text typeface. Shaped by a unique blend of technological considerations while maintaining hand-written forms. “A beautifully crafted typeface. A very nice, contemporary example of technical quality and carful design.” José Scaglione and Veronika Burian 26. Feijoa Kris Sowersby, 2007. Chosen 3 times. Aiming to create a feeling of softness, Feijoa has an almost complete absence of straight lines. Feijoa successfully avoids the sense of coldness that Kris had felt with some previous digital typefaces. “Those gently curved straights and rounded corners lend the design a beautiful organic, almost calligraphic quality. Yet there is nothing frivolous to the typeface, it all is functional and looks very self-assured.” Yves Peters 27. Officina Erik Spiekermann,1990. Chosen 3 times. A paired family of serif and sans serif faces, originally designed as a typeface for business correspondence but found a much wider, trendier audience. 1. Interviewees: Erik Spiekermann, Jessica Hische, Ian Coyle, Jason Santa Maria, Jos Buivenga, Jon Tan, Bruce Willen and Nolen Strals, Martin Majoor, Ale Paul, Stephen Coles, Tim Brown, Nick Sherman, Rich Rutter, Veronika Burian, and José Scaglione, Ellen Lupton, Frank Chimero, Steve Matteson, Mark Caneso, Vincent Connare, Yves Peters, Jason Smith, and Phil Garnham, John Boardley, Craig Mod, Kris Sowersby, Doug Wilson, Nadine Chahine, David Březina, and Silas Dilworth and Neil Summerour, Jonathan Hoefler,Tobias Frere-Jones, Mark Simonson, Trent Walton, Keetra Dean Dixon, Peter Bilak, Gerry Leonidas, and Mark MacKay, Simon Walker, Dan Rhatigan, Seb Lester, Nina Stössinger, Grant Hutchinson, Mike Kus, and Eric Olson and Nicole Dotin, Michael Bierut, Tomáš Brousil, Georg Salden, Hannes von Döhren, Phil Baines, Ken Barber, Rudy VanderLans and Zuzana Licko, Elliot Jay Stocks, Jeremy Leslie, Jan Middendorp, Robert Slimbach, Steven Heller, Fiona Ross, Erica Jung and Ricardo Marcin.↩ Cover graphic, words & data analysis: Jamie Clarke Image graphics (1-2, 4-21): Stefan Weyer, 8 Faces Magazine. Adjustment, 27th November 2014. Three versions of Baskerville were chosen: Baskerville (twice), Baskerville 1757 and Berthold Baskerville. These have been combined and Baskerville added at number 10.

<b>The 25 most admired typefaces by typographers, type designers and letterers.</b><p>Selecting the right typeface makes all the difference to effective design …

Google, Stanford build hybrid neural networks that can explain photos

Two separate groups of researchers at Google and Stanford have merged best-of-breed neural network models and created systems that can accurately …

5 web font trends for 2015

Typographic consistency across media – whether in print, on screen, or on the web – is an inherent cornerstone of crafting a cohesive brand. While …

Typography

9 GIFs That Explain Responsive Design Brilliantly

Can’t tell a responsive website from a merely adaptive one? These GIFs courtesy of Froont will turn you into a pedant in no time.<p>What is responsive design? Most people vaguely understand that it refers to websites that work just as well on desktops as they do on smartphones, but there’s a lot more …

At Hackbright Academy, No Men Allowed

Hackbright Academy is software development school in San Francisco exclusively for women. Launched in 2012, Hackbright has since graduated 163 women …

Virgin Galactic: We Are Moving Forward

Commercial space hopefuls pledge to continue their “mission to make space accessible for all.”<p>Last night, Virgin Galactic held a press conference intended as its last connected directly to SpaceShipTwo’s crash on Friday. The conference had three major themes: the crash investigation is ongoing, the …

Adobe Launches Brackets V1.0, An Open-source Text Editor for Web Designers

Adobe has just released version 1.0 of Brackets, its free open-source text editor that’s built in HTML, CSS and JavaScript, for coding HTML, CSS and JavaScript.<p>Available for Windows, Mac and Linux, Brackets is aimed at Web designers and developers, with focused features like Live Preview to easily …

Last Word Archive | New Scientist

6 June 2018<p>Ferries and other craft crossing Sydney Harbour naturally leave a distinct wake, signified by trails of a lighter colour than the …

Virgin Galactic boss said new fuel had passed crucial tests

George Whitesides raised concerns over re-entry to atmosphere but believed fuel was safe in comments last month<p>When Virgin Galactic’s chief executive was planning what turned out to be SpaceShipTwo’s fatal last flight, the challenge that concerned him most was not the performance of the new fuel …

Co-pilot who died in Virgin Galactic crash hailed as 'renaissance man'

The pilot killed in a test flight of Virgin Galactic’s prototype space tourism rocket was as capable behind the controls of experimental aircraft as he was tackling technical challenges in the offices where the vehicle was designed.<p>He was also known as a devoted husband and father of two young …

Slack is now the fastest-growing workplace software ever

And it has $120 million in new funding to push it forward<p>Slack has become a big enough deal that it almost makes you care about enterprise software. The company, which integrates a kind of sophisticated group chat with dozens of other software services that your company may already use, has spread …

Code Debugs The Gender Gap In Tech

The White House recently appointed Megan Smith of Google as Chief Technology Officer.<p>So, it’s hard to make a case that women are not represented in technology, jokes Jocelyn Goldfein, former director of Engineering at Facebook.<p>Yet, there is clearly a shortage of women in technology companies. This …

5 ways to keep your creative tap turned on

<i>Geek Mental Help Week is a week-long series of articles, blog posts, conversations, podcasts and events across the web about mental health issues and</i> …

Creativity

How To Create a Web Design Style Guide

Creating websites is getting more and more complex and is usually not a one person job. It is important to ensure that design is consistent and …