8 Essential Web Typography Resources

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

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


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

Advertisements

Entry filed under: Uncategorized.

Rumor: Facebook resumes talks with Skype How to Write Web Content Faster

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Categories

Blog Stats

  • 816 hits

Twitter Updates

Pages

Recent Posts


%d bloggers like this: