Some Thoughts On Web Fonts by Stephen Coles

  • Type Tips
Type Tips | Yves Peters | January 12, 2011

As promised, here is the first of two interviews used for The Future of Web Typography, a chapter in Smashing Book 2. This interview with Stephen Coles – presented here in exclusivity in its integral version – was conducted by Vivien Anayian at the end of last August, when Stephen still was Type Director at FontShop International, San Francisco office.

Also read Some Thoughts On Web Fonts by Yves Peters.

How would you describe the current state of Typography on the Web? What does the future hold for web fonts, web designers, type sellers, web font delivery services and type designers? What is the best approach of getting everyone on the same track and work together harmoniously? What role do you see FontShop and Web FontFonts playing in the future of typography on the web?

S T E P H E N  C O L E S | It’s an exciting time for typography on the web. It’s 1985 all over again. New technology, new ways to use type, and new fonts made specifically for a new medium. It wasn’t so exciting last year because there was no common standard and only bickering among font suppliers, browser makers, and users about how fonts on the web should work.

This all changed with two advancements: Typekit (a platform for delivering the right fonts to the right browser) and WOFF (an open font format, announced last year and now a W3C standard). Web FontFonts were the first WOFF fonts available from a major foundry, and though they were ahead of their time in terms of browser support, they paved the way for selling downloadable, stand-alone fonts direct from the seller – no service or subscription required. Now that WOFF will be supported by Webkit (Safari/Chrome) and eventually IE, we have a common standard. You will be able to buy most web fonts in the same way you do desktop fonts and they will work on all modern browsers.

What are some of the most horrible mistakes in typography on the web have you seen so far?

S T E P H E N  C O L E S | After @font-face was announced I expected bad typography on the web. But, I’m pleased to see that I was wrong. Web designers are more sophisticated about type than they used to be, and tend to look at text in a more practical way, which is good for avoiding many of the pitfalls of bad typography. So I haven’t seen many improper uses of fonts or widespread use of bad fonts. The mistakes are usually basic ones, like bolding a font that is already bold, using display fonts for text, or letterspacing text too tight and headlines too loose.

What advice would you give to designers on how to choose and decide if a typeface is suitable for use on the screen?

S T E P H E N  C O L E S | The best thing about web fonts is that you can really try-before-you-buy. Most vendors let you sample the web fonts themselves on their site, so you can actually see what they look like in their end medium. It’s true WYSIWYG (as long as you consider the major browsers/platforms). So my advice is to test them, at various sizes, and in various background colors to be sure that text is legible and readable for your needs. Test multiple browsers and OSes and ask the manufacturer if the fonts were “hinted” for Windows rendering. Without hinting, most fonts display very poorly on Windows.

What would be your personal choices when selecting solid alternatives for serif and sans serif web fonts? Could you list some font combinations for text & display that would work well on screen in most platforms?

S T E P H E N  C O L E S | I think it’s too early to give you my favorite combinations. There are really only a handful of text fonts that were designed or hinted to match Georgia, Verdana, and Lucida Grande in readability at small sizes. Most of those are from FontFont (FF Meta Serif Web, FF Tisa Web, FF DIN Web, FF Dagny Web) and Font Bureau (the RE – Reading Edge – fonts from Webtype.com). By the time this book is published, thought, I expect many more worthy fonts and I’ll be reviewing them at Typedia or Typographica. There’s an Alternatives to Arial article up on Typedia already.

One of the advantages of working with web fonts is that companies and organizations that use a certain typeface for their identity can now easily extend their brand to their online presence. Could you please, list some of the companies/organizations that indeed extended their identity online using the brand’s typeface(s) with webfonts?
You did showcase some of the best uses of FontFonts on the Web, but so far it seems that mainly designers are revamping their sites with web fonts. There were only two corporations & organizations on your list.

S T E P H E N  C O L E S | The early adopters of a technology like web fonts are always the designers, who try it with their easiest client first: themselves. That’s why most of those early examples are portfolios or studio sites. Some good examples of corporate use have surfaced since then. My favorite is Jax Vineyards, who used FF DIN for their identity, echoing the modern design of their wine labels. This entire site is built with web fonts.

More here: www.delicious.com/tag/webfontfonts

Do you think that we’ll see more corporations using their identity typefaces online as well? I see a few issues that they may face: the font in question is not available/offered as a web font or that typeface is not fit for the screen, licensing issues. What are your thoughts on those issues and what other problems the companies may encounter should they decide to extend their brand and use the same typeface(s) online? What would be the best way to deal with those issues?

S T E P H E N  C O L E S | This is another problem that will be solved with time as more fonts are optimized and licensed for the web. My advice would be to add a good webfont to your corporate ID palette that complements or emulates one of your existing identity typefaces. That’s better than simply going with the basic five “Web Safe” fonts and looking like everyone else.

In the ideal world would you like to see happen: more web font services, or a partnership between type sellers and foundries to form one unified web font delivery service, or the expansion of web safe fonts from the current limit of ten to perhaps a hundred thoughtfully designed and optimized fonts for screen, or another option?

S T E P H E N  C O L E S | I think multiple services is good for competition and choice. It doesn’t really hurt the market or user as much as multiple standards do. The option of a service or standalone WOFF fonts will be good for everyone.

What are your thoughts on Open Source Fonts?

S T E P H E N  C O L E S | I applaud Google’s effort with open source fonts. The fonts are decent. But there will always be professional type designers and makers in the commercial space offering better and more varied fonts. Type design is simply too difficult and specialized a craft to expect fonts to be free. In the end, users will have a vast selection of web fonts just like they have for the desktop. Now that delivering fonts through the browser isn’t an issue, that’s a good thing.


Stephen Coles in Stockholm (2010) © Laura Serra

Header image: Welcome to FontShop (2002) © Stephen Coles
Quotes set in Freight Text & Freight Sans.

Tags: , , ,

6 Comments:

  1. Thanks for a very good overview on Webfonts. I think, having worked with type since lead, that the absence of good screen resolution before gave designers little and limited interest in refining typographic solutions and typefaces. Today when the possibilities to create digital information and design are much better we can see an explosion when it comes to designing type. It’s worthwhile, and the results meet the standards of high quality print. Type expands. Type spreads. Type is important again. By the way – we designed FF Dagny.

    Posted by Örjan Nordling on Jan. 13, 2011
  2. Thanks Stephen, for sharing your thoughts on this subject. As always, full of knowledge and good points!

    Örjan, Congrats on FF Dagny, which was used for Pentagram. Prestigious!

    Cheers

    Posted by Stefan Hattenbach on Jan. 13, 2011
  3. I see two major obstacles for a major breakthrough for web fonts.

    1. Price models must become simpler. Page views as a base for pricing makes little sense, and makes cost unpredictable. Pricing based on number of domains, is the only model that makes sense to me. Process Type Foundry do it like this.

    2. Fonts must be optimized for windows rendering. Windows will most likely remain the dominant OS for years, that is where fonts need to look good. Apple make high end computers for the lucky few. As long as web fonts render worse than e.g. Verdana, there’s no reason for me to ditch the system fonts.

    Posted by Alexander Fjelldal on Jan. 13, 2011
  4. Great article. Now go get some sun and get a good night’s sleep!

    Posted by Paul on Jan. 15, 2011
  5. The thought that our readers really care about us makes me feel all warm and fuzzy. : )

    Posted by Yves Peters on Jan. 15, 2011
  6. Thanks for the tips/thoughts; you put together another great typography blog post. I generally use a Cufon of a nice clean, rounded sans serif font for titles, other than that good old Arial. Cufon has made this possible, I would never use a font other than Arial or Times without Cufon.

    Posted by Web Design Victoria BC on Jan. 24, 2011

Post a comment:

  •  

The FontFeed

The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.

Archives

Subscribe

The FontFeed RSS The FontFeed Comments RSS