We’ve received lots of requests from developers for a dynamic feed of the most recent web fonts offered via Google Web Fonts. Such a feed would ensure that you can incorporate Google Web Fonts into applications and menus dynamically, without the need to hardcode any URLs. The benefits of this approach are clear. As Google Web Fonts continues to add fonts, these fonts can become immediately available within your applications and sites.
To address this need, we’ve built the Google Web Fonts Developer API, which provides a list of fonts offered via Google Web Fonts. Results can be sorted by alpha, date added, popularity, number of styles available, and trending (which is a measure of fonts growing rapidly in usage). Check out the documentation to get started.
Some developers have helped us test this new API over the last few months, and the results are already public. Take a look at TypeDNA’s photoshop plugin as well as Faviconist, an app that makes generating favicons as simple as can be, and Google Web Fonts Families, a list of Google Web Fonts that have more than one style.
We look forward to seeing what you come up with!
Posted by Jeremie Lenfant-Engelmann, Engineer, Google Web Fonts
As we talked about at our Google IO session, the Google Web Fonts team has been hard at work designing a new font browsing experience for www.google.com/webfonts. Today, this new interface is available for you to try! Just click here, or you can click the New Version link at the top of our current product. The interface has a lot of the features you've requested, including the ability to preview your own custom text, the ability to compare fonts side-by-side, as well as an indication of page load times.
To arrive at the final design, our team spent significant time researching how users pick which fonts to use on your web pages, blogs and projects. Based on our findings, we sketched out dozens of possible ways to design our font browsing experience. After many iterations of testing with our test users, we believe we've arrived at a font browsing experience you'll really like.
Our primary goal with this new interface is to ensure that as the library of free, open source web fonts grows, you can still browse the library quickly and easily. To accomplish this goal, we've introduced the concept of a collection, which is similar to the concept of a shopping cart on your favorite ecommerce website. Just add fonts to your collection, and then proceed through the Choose, Review and Use steps. During this process, you can compare them side by side, experience with them in sample layouts using the new Test Drive feature, and finally copy and paste the HTML snippet to use these fonts in your pages.
During our user studies, we noticed that when users proceeded to select a font, they have a certain use case in mind. In other words, they knew they were looking for a font for a logo, for a heading or for body text. So we designed 3 different viewing modes - Word, Sentence and Paragraph - to facilitate font browsing in each of these cases. By default, you are in Sentence mode, which shows about a sentence length of preview text. But when you switch to Word mode, the font preview size increases, and the font cards shrink so you can see more fonts on the screen. When you switch to Paragraph mode, the text size will shrink significantly, and you'll see the fonts used in sample paragraphs instead.
Second, the new interface allows for easy font browsing by weight. Just use the thickness filter in the left hand panel. Looking for an Ultra black font? How about Ultra Light? Look no further. This feature relies on the font technology of TypeDNA. The Google Web Fonts are analyzed to determine each font's specific boldness characteristic. In this way, you see a consistent level of boldness across the fonts in your filter, regardless of how the font designer originally categorized them.
The new interface introduces the Test Drive module, which allows users to visualize their font collection in a sample layout. In this way, you can see what your fonts look like in practice, before embedding them in the final product. To take your fonts for a test drive, click on the Test Drive tab from within the Review step.
And finally, the new interface has a final step, Use. Here you'll find an indication of page load time based on your font selections. It's important to remember that the more fonts you use on your page, the more font data needs to be downloaded before your users can use your pages. Although Google Web Fonts is highly optimized to serve web fonts quickly to any user in the world, it's always important to request only the font families and styles you intend to use on your pages.
Sometime in the next few weeks, this interface will replace the current homepage at www.google.com/webfonts. But until then you can give it a spin and let us know what you think.
<link href='http://fonts.googleapis.com/css?family=Special+Elite&text=MyText' rel='stylesheet' type='text/css'>
Late in 2010, our team spent hours learning more about our users through surveys and traditional usability methods. In our survey, users spoke up loud and clear - “We want more fonts!” We are working hard to add new fonts with 35 font families added since December. What did users like best about the Google Font Directory? It is easy to use, available, dependable, and it has decent font choices and features... all at a great price - free!
What new features would you like to see added to the Google Font Directory? More fonts! (More in general, international fonts, basic fonts, more weights/variants, & specific fonts)
During our usability sessions, we were able to see many types of users interact with our web fonts. We identified major user groups and documented their typical workflow. The research we conducted took us to the brainstorming table. Our whole team spent an entire day brainstorming goals and priorities based on user research. The brainstorming day was followed by a design sprint in our Seattle office. Four talented Google designers and other team members spent five full days working through hundreds of mocks and design concepts. Stay tuned for the results of this effort!
So what’s next? More user testing, of course! Our engineers and user experience team have been busy working on ideas from the design sprint, and we are ready to get some feedback. If you would like to help us, sign up here!
Sign up to help us make Google Web Fonts even better! http://goo.gl/1hmDN
posted by Dawn Shaikh, Senior User Experience Researcher, Google Web Fonts
Jasper de Waard, born in 1996, first came in contact with the beauty of type design when he was 10, and developed his skills as a type and graphic designer ever since. He was born and raised in Rotterdam, the Netherlands, and went to a bilingual high school there, training him to read and write English fluently and have a more international focus. He is currently in his third year, three years before his exam. He hopes to continue his practices in the fields of type and graphic design after he finishes school and release many more typefaces in the future.
His love for the tiny details, balance in proportions and urge for perfection made him into what he is today. However, the great support and feedback from people on several forums can't be denied as a great source of inspiration and evaluation material, giving him a greater understanding of the method behind type design. He is also available for custom type work and identity design.
