Typechart tool

Posted by tefunddor on 2009-06-26 in CSS, font, typeface      
I believe many designers pass near the blogs on JobShuk, so this information might be useful (I hope). Right yesterday I discovered excellent tool, assisting in font and its parameters choice for webdesign. With examples, previews for MAC and WIN and ready CSS code dozens of variations of web-safe fonts and typefaces are available on Typechart. Check it, really nice! Helps seriously to save  time on editing typeface, its line-height, weight etc etc, simply copy-paste, I love how it works.

2 comments so far

Posted by Yonatan Maisel on 2009-06-27
Hi,
Thanks for the post. I'm not very experienced in graphics but am interested in font-styles for some of the writing projects I do. The site is interesting but I am not sure what is meant by "non-web safe fonts." Could you explain this? Thanks
Posted by Virtuti-d on 2009-06-29
First of all thank you for commenting! There are several (really not many) fonts which are installed on every computer and everyone can see these font as they are if they are incorporated into website, blog, any web document etc. For example: if you write with Arial (Helvetica on Mac)—the typeface installed on every computer in the world it means everybody will see Arial and nothing different. If you write let's say Aller family—beautiful typeface but not incorporated into common set of fonts for computers, those who have no this font installed on their computer will see the text written in some other font because it will be automatically replaced by web-safe font like Arial, Verdana, Times New Roman etc
There are some CSS rules which may help to avoid the replacement, but it happens nor always and not shown in every browser. I know that there is company now working hard on agreement to include more fonts into ordinary set of fonts but meanwhile it is in process. So, right for the moment all fonts unless very limited quantity are non web safe.
Hope it helps, if you have questions and I know the answer I will be just happy to reply,
Tanya