A Handy Reference for Type on the Web

It's an exciting time in the world of real type on the web. With most modern browsers now supporting the css @font-face property in some way, the emergence of font-hosting services, and interim replacement methods like cufon getting a lot of attention, the time feels right to stop relying on cumbersome image-replacement techniques to display dynamic text with real, rich typography. Unfortunately, it's not exactly that easy, as font license agreements, and the need for type foundries to protect their intellectual property has put a bit of hold on widespread use of @font-face - and has led to some confusion over what, exactly is allowed and supported.

While there is certainly no shortage of articles on the matter, we at Odopod needed a central place to keep the latest information on the various techniques, links to useful resources, and lists of the pros and cons and rendering implications of each method. We put together this handy reference page (a work in constant progress, which we will update as necessary) to meet these needs. As foundries and browser-makers continue to move towards a solution that will ideally result in an accepted universal standard, this discussion is constantly shifting. Hopefully this page will act as a guidepost to help navigate the current state of things.

With Love from odosketch

  • odosketch valentines 01
  • odosketch valentines 02
  • odosketch valentines 03
  • odosketch valentines 04
  • odosketch valentines 05
  • odosketch valentines 06
  • odosketch valentines 07
  • odosketch valentines 08
  • odosketch valentines 09
  • odosketch valentines 10
  • odosketch valentines 11
  • odosketch valentines 12
  • odosketch valentines 13
  • odosketch valentines 14

We love odosketch and we love you. In celebration of these things that we love, we have selected some our favorite heart-felt odosketches to share. Happy Valentines Day!

Visit odosketch »

Impressive Creativity at the AIGA Fall Gala

  • AIGA Fall Gala 01
  • AIGA Fall Gala 02
  • Aiga Fall Gala 03
  • Aiga Fall Gala 04
  • Aiga Fall Gala 05

AIGA's 2009 Fall Gala was full of fun surprises as members of the Bay Area design community were invited to create a custom skate deck as the main centerpiece of the event. Designers and design studios alike contributed both elegantly simple and extravagantly complex designs making the gallery of boards beautifully versatile and impressively creative. From pieces tricked out with video to pieces intricately carved in fine detail, there was an awesome skate deck for everyone.

We went with elegantly simple with a "digital twist" route, incorporating a Nike Plus device into the board to communicate the future of digital technology. We had a lot of fun dreaming up ideas and even more fun seeing all the other designs come to life at the event.

(Photo courtesy of AIGA)

Join Odopod for some Skate Inspired Design

If you're in San Francisco this Thursday, come join us and other talented designers at AIGA'a Fall Gala: Hung Up. This year, the AIGA has invited many talented artists and studios to design a custom skate deck that will be auctioned off during the evening. Odopod will be there to represent our digitally inspired deck so come join us from 6:30-9:30 at the Galleria at the San Francisco Design Center.

Event details available on the AIGA site »

Happy Halloween!

  • odosketch Halloween
  • odosketch Halloween 01
  • odosketch Halloween 02
  • odosketch Halloween 03
  • odosketch Halloween 04
  • odosketch Halloween 05
  • odosketch Halloween 06
  • odosketch Halloween 07
  • odosketch Halloween 09
  • odosketch Halloween 10

Here's a fun little gallery of Halloween Inspired sketches created by the talented artists of odosketch. Enjoy!

Explore the Nation of GO with a Video Trailer

Get to know the world of GO with this video tutorial of BFGoodrich Nation of GO, a new launch in collaboration with The Martin Agency. Join the community, start exploring nationofgo.com and let us know what you think!

Communication Arts Picks MSI!

The Museum of Science and Industry, Chicago is one of our favorite projects so we're especially honored that Communication Arts has named the site as Webpick of the Week!

Congrats to everyone who made the life of the museum come alive on the web.

Read more on Communication Arts »
Visit the site »

Get Sketching with odosketch!

  • Featured odosketch 01
  • Featured odosketch 02
  • Featured odosketch 03
  • Featured odosketch 04
  • Featured odosketch 05
  • Featured odosketch 06
  • Featured odosketch 07
  • Featured odosketch 08
  • Featured odosketch 09
  • Featured odosketch 10
  • Featured odosketch 11
  • Featured odosketch 12
  • Featured odosketch 13
  • Featured odosketch 14
  • Featured odosketch 15

odosketch is a Flash drawing application that Odopod created back in 2005 for a design feature on Adobe.com. The original intention was for a small group of us and our friends to collaboratively create sketches together.

Since the original launch, over 20,000 sketches have been made and we've received a ton of positive feedback and comments. Naturally we listened to all that you've had to say and relaunched a new and improved version of the site.

Create a sketch, save your sketch, or watch other sketches being redrawn right in front of you in a style the feels like an actual sketchbook. We feature the best ones so make yours good.

Get sketching now »
Become a Fan on Facebook»

Inside Odopod Straight from Adobe TV

Adobe asked Odopod to help them tell the story of how a multidisciplinary digital agency like Odopod uses Creative Suite 4 Master Collection to move fluidly, save time and save money on all of our creative work.

Inside The Design Of Routesy 2.0

Odopod Creative Director Albert Poon takes us inside the design of Routesy 2.0, an iPhone app that helps get San Francisco and Bay Area commuters from A to B using real-time public transit information.

Discover how we battled our way through the slew of ugly interfaces, spent valuable time considering design details and nuances and planned what's up next for Odopod and Routesy.

Check it out »