• Home
  • About
  • Advertise
  • contact
Subscribe: Posts | Comments | E-mail
  • 1.RhapsodyAnything & Everything
  • 2.Web DesignStandards rule!
  • 3.Photoshop... Love Buzz
  • 4.The WebNews and Trends
  • 5.Web DevServer Side
  • 6.Hosting...for the web
  • 7.Science... DNA and Stuff

WebScienceMan

Posted on January 13, 2009 - by Khaled

50 Typography Resources you must look at!

2.Web Design

typography

Typography is much more than just using a given font with a given size, style or weight! It is an important component of Web Design and a powerful communication tool. Here’s a collection of useful links to some interesting, articles, books, slideshows, resources and portfolios about this amazing domain of Typography.

13 Articles You should read:

Reading these articles will help better choose your fonts, their sizes etc., along with learning some very useful tips and tricks and necessary theoretical knowledge.

- 8 Definitive Web Font Stacks : A nice article written by Michael Tuck and published by SitePoint.
- Better web typography: Published by .net magazine and written by Craig Grannell.
- A Not-So-Sweet Tale of Digital Type: Written by Andrew Twigg and published by AIGA.
- Typography Matters: An old, yet quite educating, article by Erin Kissane published by A List Apart.
- Web Typography Cheat Sheet: A typography cheat sheet published by Modern Life and written by Stuart Brown.
- Web Design is 95% Typography: An oliver Reichenstein published on information architects.
- Better Font Management: Written by Joel Sacks and published by Digital Web.
- The Principles of Beautiful Typography : An awesome article by Jason Beaird published on SitePoint
- Typography and Web Advertising: Making Every Opportunity Count: This one is dealing with the special case of typography for Web advertising. Also published by Digital Web and written by Alexander White.
- The Anatomy of Web Fonts: Andy Hume’s article.
- Top Ten Web Typography Sins
- 16 Best-Loved Font Bits In Web Design
- Create a font Part I and Part II : an outstanding article from I love Typography

6 Slides about typography you must see:

Easy to visualize slideshows (thanks to slideshare) that will let you rapidly learn nice facts about typography.

- Beautiful Web Typography: 7 tips on de-sucking the web by Simon Klein.
- Elegant Web Typography: The typography speech of Jeff Croft from Web Directions South (September 2008) in Sydney.
- Better Typography: Nice slides by famous Mark Boulton.
- Typography: Past & Future I
- Typography: Past & Future II
- Typography: The last Secret Weapon.

5 Books about typography you should read:

Probably the best books arounf about typography in my opinion. Read them and you will learn tons!

- The Elements of Typographic Style
- Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students
- Designing Type
- Type: The Secret History of Letters
- The Complete Manual of Typography

26 Inspiration, resources & Portfolios you should look at and bookmark:

Showcases, Artists portfolios, tutorials, Addons, guides, blogs, inspiration galleries, and outstanding typography sites with a lot of noteworthy typography resources.

- Words Are Pictures
- Alison Carmichael
- TypeNuts
- TypoPhile
- The Type Directors Club
- Typographic Posters
- Best typefaces of 2008
- A guide to Web Typography
- I love Typography
- The Font Feed
- TypeOff
- Sexy, Bold And Experimental Typography
- Typography In Motion
- On snot and fonts
- Mark EastMan archive
- FromFiftyFive
- How to recognize a font? A mini guide to successful Font recognition
- Identify that Font
- Font Finder: A firefox/Thunderbird addon that will help you get styles of selected text.
- Free Fonts
- exljbris Font Foundry
- Font Wrek
- FontStruct : Build, share and download fonts.
- Type Foundry
- NovemberBorn sIFR
- Finally you may want to take a look at some nice videos about Typography posted on Vimeo.

I hope these collection of links will help you better understand and better use fonts for a nicer  typography and better web design practices! These links may be useful either you are creating web sites or print work.
If you like the article bookmark it and digg it! Don’t forget to subscribe via RSS or E-mail. Or just follow me on Twitter!
diggit2

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • MySpace
  • StumbleUpon
  • Technorati
  • TwitThis
  • Yahoo! Buzz
  • E-mail this story to a friend!
  • NewsVine
  • Design Float
  • DZone
  • Ma.gnolia
  • Ping.fm
  • Tumblr
This entry was posted on Tuesday, January 13th, 2009 at 9:45 pm and is filed under 2.Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Related Posts:

  • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year
  • 46 Essential FireFox Extensions Every Web Designer Should Have
  • Matt Mickiewicz or how to survive crashes and recessions before fully thriving
  • The Beauty and the Web: Thoughts about the importance of the visual aspect in Graphic and Web Design
  • XHTML Users: Grow up!

      • BreedSoftware HostGator
    • Polls

      You are more interested in?

      View Results

      Loading ... Loading ...
    • What I'm Doing...

      • I am 43% addicted to Twitter http://su.pr/1b72Ly from the magical @oatmeal 3 weeks ago
      • RT @naldzgraphics: 30+ Cool Photography Logos http://bit.ly/aUkAO0 2010-08-05
      • RT @the_gman 5 Reasons You Should Avoid Template Web Designs http://dld.bz/q2m9 2010-08-05
      • More updates...
    • Featured News

      • FireFox will be bigger in 2009? by Khaled on April 2, 2009
      • Launching TwittHero by Khaled on March 2, 2009
      • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year by Khaled on February 18, 2009
      • 25 WordPress Plugins you need to have a better blog by Khaled on February 12, 2009
      • WebNotes: Annotate, Organize, Share by Khaled on February 8, 2009
    • Archives

      • April 2009
      • March 2009
      • February 2009
      • January 2009
      • December 2008
      • October 2008
      • April 2008
      • March 2008
      • September 2007
      • August 2007
      • March 2007
      • January 2007
      • December 2006
      • November 2006
      • August 2006
      • July 2006
      • June 2006
      • May 2006
      • April 2006
      • March 2006
    • Tag Cloud

      • 2.Web Design 2.Web Design 3.Photoshop Adobe Adobe Photoshop blog bookmark browser Browsers CMS color CSS DNA Facebook FireFox Genetics graphic design Graphics HTML Internet Explorer JavaScript Joomla Mozilla Opera palette Photo Manipulation Photoshop Express Photoshop tut Photoshop tutorial productivity recession recipe Safari Science Sitepoint social tutorial Twitter web web design business web designer Web Development WordPress WordPress plugins WordPress Update
    • Take a look

      • BreedSoftware
      • Kyscorp.com
      • Scriptomania
      • TunisDesign
      • TwittHero
    • Recent Comments

      • CA bikini on 25 WordPress Plugins you need to have a better blog
      • Essex Web Design on Photoshop “Reflection” tutorial
      • Essex Web Design on Create a cool frog in just 3 steps with Photoshop
      • Joint Pain Relief on Page Strength!
      • Vitamin D on How Much Is Your Blog Worth?

    Subscribe: Posts | Comments | E-mail

    Add to Technorati Favorites WebScienceMan © 2006-2009 |Powered by WordPress| KYSCORP.COM 2000-2009| Rainbow Cliff Theme.
    Optimized for FireFox 2+ | Google Chrome 1.0 + |Opera 9+ | Safari 3+ | IE7+ [Web Standards are cool!]