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.
Posted by Jeremie Lenfant-Engelmann, Engineer, Google Web Fonts
The fonts are really very nice.They are very attractive to be used in the web designing.It will give the site a different look.Thanks for sharing.Website Designer Bahrain
what about supporting nimbus sans l?
I m from czek and some fonts dont have font " ř . Is there any quick way how can i filter fonts without that letter.
Website Development QatarQatar is one of the fastest growing economies in the world. Adodis is the fastest growing web technologies company in the world. So it is only natural for us to be a part of the growth in Qatar and add to it by developing Websites for Qatar based Companies.Our team of more than 150 designers and engineers has been developing stunning web sites for Qatar for the last 7 years. We are known for our quality and reliability throughout the world as we cater to Global businesses.
That's great but no fonts are showing up in my browser - FF or IE on Win7
Compared to the old design, this is quite bad. It doesn't look professional and doesn't fit other Google sites.
Great service, but the new meter "Impact on page load time" is unclear on what the number means. is 97 (in your blog example) in seconds? kilobytes? percentage of something? It would be nice to make it clearer.Would be nice to also have a simple description somewhere about what each "category" means. I know there is always wikipedia ad google search but it would be easier for font-novices like me if it is explained right there.
Great to see Google web fonts developing, but there are some aspects of the new design that I feel are not as functional as they could be. Infinite scroll, imho, is not helpful here - there is no indication of how many fonts I have seen or how many are left to view. I like the ability to preview my text and to add to a collection - but I would like, at least initially, to compare the selected fonts in the same environment I have been reviewing all the fonts.The view change makes it harder to review - anyone else finding this? As a few others have pointed out, it would be great if the actual size of the font was displayed prominently.Many thanks,Frank
Great...fonts are realy very nice.
Google Fonts is an absolutely awesome collection of web fonts that you may use in your HTML web pages without any restrictions. commercial playground equipment
Yes I agree this is great one I expose the instruction impress to read the posting thanks By Regards SEO
Great information.Great blog and great information.It is very useful.Thank u. Hire a magento developer
Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again. Android app development| Android app developer
Well great information you have shared here and i get it clear about it..web hosting provider
This is one of the best content we can discover online Describing everything in details Regarding the subject.Best Web Hosting
Good post. Keep up posting more and more. Its really quite interesting too..Seo forum
Such an awesome blog dude !! I was just stopped by the exciting topic that u have shared.Free Ecommerce Software Free Ecommerce Software
Free ecommerce website help you in creating a successful, creative, functional, secured Online store at most affordable costs. Ecommerce Software
Great knowledge.............Scrap My Car Manchester
It wa a great article on Google web fonts. U have made a valuable post.Create an Online Shop
A lot of knowledge.............Web Design Manchester
I really got a great information for web design and doveloping..............thanks Web design manchesterWeb Design Manchester
This site is excellent and so is how the subject matter was explained. I also like some of the comments too.Waiting for next post.West loop Personal Trainer
very nice thanks for sharinghey friend see snow on googleType “Let It Snow” on @Google If you click and drag you can wipe the snow away. It is great.
Excellent site, keep up the good work my colleagues would love this..doberman puppies for sale in Georgia
Nice Blog........Scrap My Car Manchester
Wow, more would be extremely useful, thanks!see my friendssource: www.wbupdates.com
Competition has made this quite necessary to bring the change which could attract more the users.emcee singapore
just linked this article on my facebook account. it’s a very interesting article for all...web design singapore
Links provide useful information about these things such to works withthe finals.car locksmith
just linked this article on my facebook account. it’s a very interesting article for all...Web Design Singapore
Wonderful blog & good post.Its really helpful for me, awaiting for more new post. Keep Blogging!<a href="http://bsbizwerkz.com/>Web Design Singapore </a>
I actually enjoyed reading through this posting.Many thanks...Web Design Singapore
We can usually assist you directly but because of our quality occasssionally we tend to tend to unit of measurement full with work and can ought to be compelled to supply a pre booked service.Coventry Man And A Van
I must say, the fonts are really nice and attractive when comes for any kind of designing. It's really helpful for meRegards,Ekta Cis - Hire Magento Developer
Simply want to say your article is as surprising. The clearness in your post is simply great and i can assume you are an expert on this subject. Fine with your permission let me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please continue the rewarding work. web design
Thanks for the sharing. Excellent your Web Design grelated goods Webdesign & Development solution in Singapore by i-concept.
I want to said a different technique: your "chick" an individual fulfilled for the local bookstore will become an absolutely diverse man or women whenever jane is your current lover, your lover will become an absolutely diverse man or women whenever jane is your current fianc, as well as the fianc will become the entire opposite the moment jane is your spouse.craig
Stig solutions can develop any kind of website for you. You just have to tell us your needs and leave the rest to us. Our web development services include everything from improving the visuals, incorporating an online purchase mechanism and providing an online service through the website itself. Contact us and get your website developed.[url=http://www.stigsolutions.com/]web designing usa[/url]
The blog is absolutely fantastic. Lots of great information and inspiration, both of which we all need. Thanks.
it's good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.Urgent Dissertation Writing || Dissertation Writing
Thanks for sharing nice and useful information here, keep updating PSD to Magento
The blog is absolutely fantastic. Lots of great information and inspiration, both of which we all need. Thanks.Hire Magento Developers
This is something very great stuff come out by Google which would be beneficial from design perspective.Thanking to Google to bring up such innovative web fonts concept.PHP Developer India
wow ! wonderful share hereregister your tuition class online
The article is good to read and worth sharing31 day fat loss cure
Wonderful blog post. That is what I was searching for. I really like your blog and I appericiate your efforts. Your article is very helpful for me and many others to work out. I will definitely come back on your site for more stuff. Good Luck for the future posts.Amazon
I have found this article very exciting. Do you have any others on this topic? I am also sending it to my friend to enjoy your writing style. ThanksOnline Shopping in Pakistan
Thanks for sharing this great Post dude Web Development Companies in Bangalore
Super-Duper site! I am loving it!! Will come back again - taking you feeds also, Thanks.Essay Topics
Thanks for the post. It was very interesting and meaningful. Cheap Essay WritingCheap Term Paper WritingCheap Research Paper WritingCheap Preliminary Research WritingCheap Analyzing Collected MaterialCheap Development and DraftingCheap Editing and ProofreadingCheap Thesis WritingCheap Dissertation WritingCheap Editing ServicesCheap Proofreading ServicesCheap Letter Writing
Hi there, awesome site. I thought the topics you posted on were very interesting. I tried to add your RSS to my feed reader and it a few. take a look at it, hopefully I can add you and follow... Web Design Singapore
A website design is the first most important part of the website formula; it is what the reader first notices when they land on a page. Website Design Companies | Web Design Company India
I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing ability has inspired me.web development
Wonderful stuff! I'll give it a try. I'll also share this link with my friends at a web design Arizona company. I'm sure they'll be able to appreciate this. Thanks!
Thanks for Postinging nice blog for ! Web Design Singapore Web Design Singapore .
To accomplish this goal..Web designing
Thanks for commenting ! Web Design Web Design .
The blog is absolutely fantastic.They are very attractive to be used in the web designing.Its really helpful for me.
I must say, the fonts are really nice and attractive when comes for any kind of designing.its really helpful for me.thanks for sharing the good information.java application development
Contrasted with the old plan, this is terrible. It doesn't look proficient and doesn't fit other Google destinations.Best Web Design
this information in your post is awesome i really like this.php
this site is so so Toronto web designer work | this is our blog to blog reader and web users and web designers am so thankfull to u
Post a Comment