{"id":3845,"date":"2010-02-18T12:20:00","date_gmt":"2010-02-18T12:20:00","guid":{"rendered":"http:\/\/aceinfowayindia.com\/blog\/?p=3845"},"modified":"2018-09-27T01:42:11","modified_gmt":"2018-09-27T01:42:11","slug":"10-useful-typography-tools-for-designers","status":"publish","type":"post","link":"http:\/\/aceinfowayindia.com\/blog\/2010\/02\/10-useful-typography-tools-for-designers\/","title":{"rendered":"10 Useful Typography Tools for Designers"},"content":{"rendered":"<p>Every designer knows that typography is one of the most essential ingredients for an awesome design. These typographic tools will help you get inspiration, find the font you\u2019re looking for, easily compare different typefaces, create your own fonts, and more.  So, have a look at these 10 useful typography tools sites and let us know your thoughts in comment.<\/p>\n<p><!--more--><br \/>\n[ad#co-1]<\/p>\n<h4><a href=\"http:\/\/www.typetester.org\/\">Typetester<\/a><\/h4>\n<p><a href=\"http:\/\/www.typetester.org\/\"><img decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/typetester.jpg\" alt=\"typetester\" title=\"typetester\" class=\"alignnone size-full wp-image-3846\" \/><\/a><\/p>\n<p>The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer\u2019s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.<\/p>\n<h4>Typechart<\/h4>\n<p><a href=\"http:\/\/www.typechart.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/typechart.jpg\" alt=\"typechart\" title=\"typechart\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3847\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/typechart.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/typechart-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Another typography tool for easily browse and compare web typography. <\/p>\n<h4><a href=\"http:\/\/www.csstextwrap.com\/\">CSS Text Wrapper<\/a><\/h4>\n<p><a href=\"http:\/\/www.csstextwrap.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/csstextwrap.jpg\" alt=\"csstextwrap\" title=\"csstextwrap\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3848\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/csstextwrap.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/csstextwrap-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website<\/p>\n<h4><a href=\"http:\/\/pxtoem.com\/\">PXtoEM.com<\/a><\/h4>\n<p><a href=\"http:\/\/pxtoem.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/pxtoem.jpg\" alt=\"pxtoem\" title=\"pxtoem\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3849\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/pxtoem.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/pxtoem-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>PXtoEM.com is px to em conversion made simple. Choose your body font size in pixels (px)and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap<\/p>\n<h4><a href=\"http:\/\/fontstruct.fontshop.com\/\">fontStruct<\/a><\/h4>\n<p><a href=\"http:\/\/fontstruct.fontshop.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/fontstruct.jpg\" alt=\"fontstruct\" title=\"fontstruct\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3850\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/fontstruct.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/fontstruct-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>ontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.<\/p>\n<h4><a href=\"http:\/\/csstxt.com\/\">Csstxt<\/a><\/h4>\n<p><a href=\"http:\/\/csstxt.com\/\"><img decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/csstxt.jpg\" alt=\"csstxt\" title=\"csstxt\" class=\"alignnone size-full wp-image-3851\" \/><\/a><\/p>\n<p>Csstxt is a webtool that propose to illustrate the many ways you got to add a style to a text with a p or div tag.<\/p>\n<h4><a href=\"http:\/\/www.wordle.net\/create\">Wordle<\/a><\/h4>\n<p><a href=\"http:\/\/www.wordle.net\/create\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/wordle.jpg\" alt=\"wordle\" title=\"wordle\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3852\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/wordle.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/wordle-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Wordle is a toy for generating \u201cword clouds\u201d from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like<\/p>\n<h4><a href=\"http:\/\/topfunky.com\/baseline-rhythm-calculator\/\">Baseline Rhythm Calculator<\/a><\/h4>\n<p><a href=\"http:\/\/topfunky.com\/baseline-rhythm-calculator\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/topfunky.jpg\" alt=\"topfunky\" title=\"topfunky\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3853\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/topfunky.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/topfunky-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>This tool makes it easy to calculate baseline rythms for different font sizes.<\/p>\n<h4><a href=\"http:\/\/flippingtypical.com\/\">flipping typical<\/a><\/h4>\n<p><a href=\"http:\/\/flippingtypical.com\/\"><img decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/flippingtypical.jpg\" alt=\"flippingtypical\" title=\"flippingtypical\" class=\"alignnone size-full wp-image-3854\" \/><\/a><\/p>\n<p>Flipping Typical detects which fonts you have installed on your computer and allows you to browse through them.<\/p>\n<h4><a href=\"http:\/\/new.myfonts.com\/WhatTheFont\/\">WhatTheFont<\/a><\/h4>\n<p><a href=\"http:\/\/new.myfonts.com\/WhatTheFont\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/whatthefont.jpg\" alt=\"whatthefont\" title=\"whatthefont\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-3855\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/whatthefont.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/02\/whatthefont-300x161.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>This free service allows you to upload an image of a font and it tells you what the fontface is. Pretty cool.<\/p>\n<p>Follow us on <a href=\"http:\/\/twitter.com\/ajaydesign\">Twitter<\/a>, or subscribe to the <a href=\"http:\/\/aceinfowayindia.com\/blog\/feed\">Developers Paradise+ RSS Feed<\/a> for the best web development tutorials on the web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every designer knows that typography is one of the most essential ingredients for an awesome design. These typographic tools will help you get inspiration, find the font you\u2019re looking for, easily compare different typefaces, create your own fonts, and more. &hellip; <a href=\"http:\/\/aceinfowayindia.com\/blog\/2010\/02\/10-useful-typography-tools-for-designers\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,55,10],"tags":[54,21,53],"class_list":["post-3845","post","type-post","status-publish","format-standard","hentry","category-freebies","category-resources","category-tools","tag-freebies","tag-resources","tag-tools"],"_links":{"self":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/comments?post=3845"}],"version-history":[{"count":5,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3845\/revisions"}],"predecessor-version":[{"id":3860,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3845\/revisions\/3860"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=3845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=3845"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=3845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}