8 Essential Web Typography Resources

Social Media | Mashable | The Social Media Guide

The Web Development Series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.

Over the last eighteen months, the world of web fonts and web typography has absolutely exploded. Modern browsers — on the desktop and on mobile devices — are embracing the WOFF standard, type foundries are adopting web type en masse, and libraries like Google Web Fonts are making it easier for designers and developers of all stripes to use web type in their projects.

The rise of web fonts has coincided with a greater cultural recognition of type in general. The hugely popular documentary Helvetica introduced a brand new audience to the power of type. For users who want to learn more about type and web fonts, the web is full of great resources that offer good examples of typography and explore the history and future of lettering and design.

Here are eight of our favorite sites to help you start or enhance your own education in type.

1. Fonts In Use

<img title="<h2>1. <a href="http://www.fontsinuse.com" target="_blank">Fonts In Use</a></h2>” src=”http://9.mshcdn.com/wp-content/gallery/type-gallery/fontsinuse.jpg&#8221; width=”400″ style=”border: none;” />

Fonts In Use is a beautiful site that, in its own words, aims to “catalog and examine real-world typography.”

A collaboration between Sam Berlow, Stephen Coles and Nick Sherman, the site offers insights and deep examinations of typography across various mediums.

This is a great site not just for typography fans, but also for those who want to learn more about what makes for effective typography and effective uses of type.

2. I Love Typography

<img title="<h2>2. <a href-"http://www.ilovetypography.com" target="_blank">I Love Typography</a></h2>” src=”http://7.mshcdn.com/wp-content/gallery/type-gallery/ilt.jpg&#8221; width=”400″ style=”border: none;” />

First launched in 2007, I Love Typography is the brainchild of John Boardley. The blog now has a host of contributors who highlight great fonts and showcase beautiful type, while also offering the reader a basic education in typography.

Through the years ILT has remained accessible to newcomers and that’s why we like it. Be sure to check out Boardley’s next project, Codex Magazine, which launches soon.

3. Typographica

<img title="<h2>3. <a href="http://www.typographica.org" target="_blank">Typographica</a></h2>” src=”http://9.mshcdn.com/wp-content/gallery/type-gallery/Typographica.-Type-Reviews,-Books,-Commentary.jpg&#8221; width=”400″ style=”border: none;” />

Typographica is a site that reviews typefaces and type books. It also offers commentary on fonts and various trends in typographic design.

The site isn’t updated on what we would call a “regular” basis, but the content within the site is timeless, making it a great place for type lovers to visit.

4. Typophile

<img title="<h2>4. <a href="http://typophile.com/" target="_blank">Typophile</a></h2>” src=”http://7.mshcdn.com/wp-content/gallery/type-gallery/typophile.jpg&#8221; width=”400″ style=”border: none;” />

Typophile is a typographic community that has been on the web for nearly a decade. The forums are a fantastic resource for great finds in the world of type, and they’re also a great way to get proper feedback from other type lovers and design professionals.

5. Typedia

<img title="<h2>5. <a href="http://typedia.com/" target="_blank">Typedia</a></h2>” src=”http://6.mshcdn.com/wp-content/gallery/type-gallery/Typedia–Skolar.jpg&#8221; width=”400″ style=”border: none;” />

Think of Typedia as the IMDb of typography — it’s a place where users can learn more about a typeface or font creator. Typedia also functions as a wiki, so anyone can join and add his own images, pages and information to the living, breathing typography tomb.

A must-subscribe-to section of the site is Type News, a weekly overview of the latest type news.

6. Webfonts.info

<img title="<h2>6. <a href="http://www.webfonts.info/wiki/index.php?title=Main_Page" target="_blank">Webfonts.info</a></h2>” src=”http://6.mshcdn.com/wp-content/gallery/type-gallery/Unicode-range—Webfonts.jpg&#8221; width=”400″ style=”border: none;” />

Webfonts.info is one of the best resources on the web for gathering information about web fonts and web font techniques.

Maintained by Ralf Hermann (whose own blog is a must read for type lovers), the site manages to be comprehensive and up-to-date. It’s also a wiki, which means that others can add their own information and updates to the mix.

7. Nice Web Type

<img title="<h2>7. <a href="http://nicewebtype.com/" target="_blank">Nice Web Type</a></h2>” src=”http://9.mshcdn.com/wp-content/gallery/type-gallery/Nice-Web-Type.jpg&#8221; width=”400″ style=”border: none;” />

Tim Brown is the type manager at Typekit. He also is responsible for the fantastic font blog and resource, Nice Web Type.

The main Nice Web Type site offers a great collection of past notes and access to Brown’s blog, however, we encourage users to also visit the Nice Web Type Tumblr.

8. The FontFeed

<img title="<h2>8. <a href="http://fontfeed.com/" target="_blank">The FontFeed</a></h2>” src=”http://8.mshcdn.com/wp-content/gallery/type-gallery/The-FontFeed-_-Fonts,-Typography,-Lettering,-Design.jpg&#8221; width=”400″ style=”border: none;” />

The FontFeed is FontShop’s daily feed of typographic goodness. The site is chock-full of type recommendations, font news and great examples of digital type in the real world.

One of our favorite sections of the site is Type Tips, which highlights tips and tutorials, while also showcasing interviews with big names in the type world.

Series supported by Rackspace


The Web Development Series is supported by Rackspace, the better way to do hosting. No more worrying about web hosting uptime. No more spending your time, energy and resources trying to stay on top of things like patching, updating, monitoring, backing up data and the like. Learn why.

More Dev & Design Resources from Mashable:

Ruby on Rails: Scaling Your App for Rapid Growth
HOW TO: Transfer Your Blog From WordPress.com to WordPress.org [VIDEO]
A Beginner’s Guide to Integrated Development Environments
10 Chrome Web Apps to Check Out
10 Tools for Getting Web Design Feedback

More About: fontfeed, fonts, fonts in use, I love typography, nice web type, type, typedia, typekit, typographica, typography, typophile, web development series, web fonts, webfonts.info

For more Dev & Design coverage:

Sent with Reeder

Sent from my iPhone


March 7, 2011 at 8:39 pm Leave a comment

Rumor: Facebook resumes talks with Skype

Technology News | ZDNet

Facebook and Skype are reportedly once again discussing the possibility of integrating the VoIP service into the social network.

Sent with Reeder

Sent from my iPhone

March 7, 2011 at 8:27 pm Leave a comment

Tech geeks: 2011 directory of who to follow on Twitter

Technology News | ZDNet

If you’re interested in technology and you want to know who to follow on Twitter, here is a directory of leading tech journalists, commentators, and personalities, divided by categories and…

Sent with Reeder

Sent from my iPhone

March 7, 2011 at 8:25 pm Leave a comment

How to Ensure That Your Facebook Wall Posts are SEEN (Edgerank)

Social media news, strategy, tools, and techniques | Social Media …

Consider this question: If 60% of your emails went directly to the Spam folder, would you expect significant sales from your email? Of course the answer is no. So why do we expect sales to come from our Facebook Fan relationships? Consumers are not visiting fanpages with great frequency. Most of the traffic occurs when the brand promotes their Facebook page on their website, emails, blog and other vehicles.

Sent with Reeder

Sent from my iPhone

March 3, 2011 at 4:54 pm Leave a comment

5 Ways to Use New Facebook Page Features to Get More Likes

Social media news, strategy, tools, and techniques | Social Media …

There’s been a lot of chatter these last few weeks about all the changes Facebook is rolling out with the upcoming update to Business Pages – which are essentially the Facebook hub for a business, brand or entity. So, we’ve put together five ways you can make the most of the new Facebook Business Page updates with the goal of generating likes and engagement.

Sent with Reeder

Sent from my iPhone

March 3, 2011 at 4:53 pm Leave a comment

Visiting your Facebook profile boosts your self-esteem | ZDNet

March 3, 2011 at 3:29 pm Leave a comment

Building Your Voiceover “House”

Voice Over Training | Voice Over Experts

Is your voice over career built strongly and with care? Marc Cashman shares insight on how to go about building your voiceover “house” to get the best results. Building a sound voiceover house is essential to being competitive, consistent, professional and sought after. Learn how to build yours now!

Download Podcast Episode 126 »

Sent with Reeder

Sent from my iPhone

March 2, 2011 at 8:51 pm Leave a comment

Older Posts Newer Posts


Blog Stats

  • 818 hits

Twitter Updates


Recent Posts