Fonts for the Web

The relatively new web tool Typecast, that lets you design type for your website in browser. This allows the designer to get an accurate and real feel for how their web designs are working. Also, one of the coolest feature about this product is that it allows you to share a working prototype to whoever you need to share it with.

This service is centered around the idea of bringing better typography to the web. They are using some pretty big font libraries (Google Web Font, Typekit, Font Deck, Fonts.com, and Webtype) to help provide a real useful service. You can use any of their fonts to start designing typography for your website in the browser right away. The advantage is that you can quickly see what is working and what isn’t. You can also have the ability to quickly compare choices and other design explorations side by side.

After getting your typography designed how you want, you can get the CSS from the design you created. The CSS generated is very clean and will pretty much incorporate and CSS feature you can apply to type. You can also create custom classes in your design, which is useful of course for any unique typography treatment and can help with specific mobile styling as well.

Typecast doesn’t stop there though. You can generate a preview link to share with whoever you need to, and can export HTML and CSS files as needed. Also, before you go through the process of integrating what you created, you can pull in a short line of javascript that you can plugin to get a quick view for how everything looks through out your site.

When incorporating a Typecast project into your live website the process is made fairly straight forward. You are asked by their system to connect to any of the font libraries using an API, and they walk through on the process on how to do it. Then you are given a javascript code that is tied to your Typecast account and can be integrated into your website.

Typecast is a pretty progressive company that’s focused on making the web a better designed place, and is a tool that any web designer or front end web developer should at least check out.

0 Comments
Be the first to leave a reply!

Leave a Comment

* required