{"id":110,"date":"2011-08-04T05:31:03","date_gmt":"2011-08-04T05:31:03","guid":{"rendered":"https:\/\/peterklemperer.com\/blog\/?p=110"},"modified":"2011-08-04T05:31:47","modified_gmt":"2011-08-04T05:31:47","slug":"fontasaurus-i-made-a-font-today","status":"publish","type":"post","link":"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/","title":{"rendered":"Fontasaurus! I made a font today."},"content":{"rendered":"<p>It ain&#8217;t pretty.<\/p>\n<p><a href=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontstruct_alphabet\/\" rel=\"attachment wp-att-111\"><img decoding=\"async\" data-attachment-id=\"111\" data-permalink=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontstruct_alphabet\/\" data-orig-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_alphabet.tiff\" data-orig-size=\"\" data-comments-opened=\"1\" data-image-meta=\"[]\" data-image-title=\"fontstruct_alphabet\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_alphabet.tiff\" data-large-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_alphabet.tiff\" class=\"aligncenter size-full wp-image-111\" title=\"fontstruct_alphabet\" src=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_alphabet.tiff\" alt=\"\" \/><\/a><\/p>\n<p>Today I made a font using a neat web tool called <a href=\"http:\/\/fontstruct.com\/fontstructors\/ftpeter\">FontStruct<\/a>. \u00a0FontStruct is a flash-based web tool for creating and sharing custom fonts. The twist is that you must assemble the fonts from pre-made shapes (squares, circles, triangles, etc.) laid out on a grid.<\/p>\n<p><!--more--><\/p>\n<p>Another major drawback of such a simple process is that the kerning looks like crap. \u00a0You can only set the spacing between letters in a very general sense. \u00a0AT and AN get kerned identically, so the A in PATRICK looks like it&#8217;s hanging out by itself.<\/p>\n<p>To test it out I made a simple font on a 4&#215;3 grid. With this size it&#8217;s hard to make smooth curves or fine elements and the point size on my desktop doesn&#8217;t correspond to the font at all. Such a small grid was fast and I was able to crank out a result very quickly.<\/p>\n<p><a href=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontstruct_p\/\" rel=\"attachment wp-att-112\"><img decoding=\"async\" data-attachment-id=\"112\" data-permalink=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontstruct_p\/\" data-orig-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_P.tiff\" data-orig-size=\"\" data-comments-opened=\"1\" data-image-meta=\"[]\" data-image-title=\"fontstruct_P\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_P.tiff\" data-large-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_P.tiff\" class=\"aligncenter size-full wp-image-112\" title=\"fontstruct_P\" src=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontstruct_P.tiff\" alt=\"\" \/><\/a><\/p>\n<p>While I won&#8217;t be winning any design award with this one, I had so much fun making the capital letters that I went ahead and finished it out. \u00a0Looking back I need to fix the height of the i, j, k and t. \u00a0Also the Ss&#8217;s don&#8217;t look right. But who cares, you don&#8217;t play Mozart at your first piano lesson, and you don&#8217;t learn by not playing.<\/p>\n<p>The best part is that I can download my font and use it on my computer. How cool is that?<\/p>\n<p><a href=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontosaurus_textedit\/\" rel=\"attachment wp-att-113\"><img decoding=\"async\" data-attachment-id=\"113\" data-permalink=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/fontosaurus_textedit\/\" data-orig-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontosaurus_textedit.tiff\" data-orig-size=\"\" data-comments-opened=\"1\" data-image-meta=\"[]\" data-image-title=\"fontosaurus_textedit\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontosaurus_textedit.tiff\" data-large-file=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontosaurus_textedit.tiff\" class=\"aligncenter size-full wp-image-113\" title=\"fontosaurus_textedit\" src=\"https:\/\/peterklemperer.com\/blog\/wp-content\/uploads\/2011\/08\/fontosaurus_textedit.tiff\" alt=\"\" \/><\/a><\/p>\n<p>Next time I&#8217;ll be a bit more ambitious, italic printing maybe?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It ain&#8217;t pretty. Today I made a font using a neat web tool called FontStruct. \u00a0FontStruct is a flash-based web tool for creating and sharing custom fonts. The twist is that you must assemble the fonts from pre-made shapes (squares, &hellip; <a href=\"https:\/\/peterklemperer.com\/blog\/2011\/08\/04\/fontasaurus-i-made-a-font-today\/\">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":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[],"class_list":["post-110","post","type-post","status-publish","format-standard","hentry","category-projects"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1VqWo-1M","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/posts\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":0,"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"wp:attachment":[{"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/peterklemperer.com\/blog\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}