{"id":21405,"date":"2015-03-04T05:00:56","date_gmt":"2015-03-04T13:00:56","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=21405"},"modified":"2024-04-03T05:38:28","modified_gmt":"2024-04-03T12:38:28","slug":"what-is-algorithmic-typography","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography","title":{"rendered":"What Is Algorithmic Typography? Will It Replace Font Designers?"},"content":{"rendered":"

Algorithmic typography, also known as “parametric typography,†is a fascinating thing. At a glance, however, it can be hard to tell what it even is. After all, modern typography is already made with computer programs. Not to mention all the algorithm-based tools designed to make the typographers’ jobs easier. The Golden Ratio Calculator<\/a>, for example, uses one to generate the optimum number of characters per line for any given block of text.
\nAlgorithmic typography is radically different from even that, though. Instead of a designer opening a graphic design program and shaping individual letters based on his or her artistic sensibilities, a mathematician comes up with a set of formulae that define attributes for the whole batch. They can either use this to create a desired effect, or just apply them to an alphabet and sees what happens, and the resulting uses range from the utilitarian to the bizarre: here are just a few of them…<\/p>\n

<\/span>A Timesaving Device<\/span><\/h2>\n

\nModern fonts require more than 600 characters<\/a>, so on the utilitarian side, if you can come up with an algorithm that defines the properties of the font—serifs, distinctive curves, and so on—you can save yourself a lot of time making hundreds of characters look the same. And if you start with a base, algorithms can be used to modify the whole character set at once: much like the faux bold, italics, and small caps features that come standard with countless programs, but far more nuanced and effective.
\nElementar<\/a> is a font system designed to make digital typography more flexible. It lets typographers freely adjust the heights, widths, and shapes of letters, so they can use as many variations as they want in the same document, creating variety without sacrificing coherence or the money it would take to buy a ton of slightly-different fonts any other way. It’s also very useful for creating animated text.
\n\"\"<\/a>
\nImage from Fast Company.<\/a><\/em>
\nMore recently, designer Andy Clymer developed Obsidian<\/a>, for which he used code to simulate light falling on the letterforms, eliminating the need to draw the shading lines by hand.
\n\"\"Image from Typography.com.<\/em><\/a>\n<\/p>\n

<\/span>A Canvas for Experimentation<\/span><\/h2>\n

\nEdging into the bizarre is Yeohyun Ahn<\/a>’s work, which is often held up as an example of what the art form can do. She uses code to generate decorative letterforms from scratch, including letters made of bubbles, letters inspired by reproductive organs, and letters that evoke explosions of tree branches.
\n\"\"Image from Fast Company<\/em><\/a>
\nTo do that, she uses a code library called Geomerative<\/a> that lets the user create new letterforms using geometric equations, then converts them to TrueType and SVG fonts. It’s a recurring name in the world of algorithmic type; Caligraft has also used it to create letters emulating smoke, sketch lines<\/a>, and fireworks<\/a>; and Germany’s Generative Typografie employed it in the creation of letters made of countless stringy grids<\/a>. There’s even a burgeoning Generative Typography group on Flickr<\/a>, dedicated to type made with rule systems and algorithms, as well as simulations.
\nAlgorithms let you experiment with more than the decorative, too. MIT professors have used math-generated typefaces to demonstrate theorems<\/a>.
\n\"\"Image from ScienceNews<\/em><\/a>
\nAmazing, no doubt. But could it cheapen the field?\n<\/p>\n

<\/span>A Replacement?<\/span><\/h2>\n

\nAdvances like this tend to change industries for the better and the worse simultaneously. While they let creatives take their art to new heights, they also open the gate for anyone to enter. Photographers complain about iPhones and cheap DSLRs letting people with no training think they can do their job better than them. Illustrators moan about tablets and image editors flooding the market with amateurs willing to work for a pat on the head.
\nTypography has always been an arcane art compared to photography and drawing, but it’s becoming less so with every bit of technology that lets ordinary folks get into it. Will the automation of the process via algorithms be the tipping point?
\nOne online tool that’s making it easier for users is called Metaflop<\/a>. Much like Elementar, it lets users modify three base sans-serif fonts right in their browsers, then download the results and begin using them in documents right away. Perhaps, in the future, anyone will be able to make their own fonts with code snippets or simple batch editors, removing the need for all but the most dedicated type fans to hire a professional.
\n\"\"Image from Metaflop<\/a>\n<\/p>\n

<\/span>But In Reality…<\/span><\/h2>\n

\nThe truth, as always, probably doesn’t fit neatly within any of these categories. When design researcher Daniel Davis experimented with algorithmic typography for his PhD thesis, he found that “the graphics overpower the text, the message lost in the medium.†Since typography is still about conveying a message at its core, this just goes to show that no tool is a cure-all.
\nIn fact, it’s more likely that, for those of us already dedicated to exploring what computers can do with letters, this will open up a whole new field to explore. Ahn speculates<\/a> that in the near future, typographers might be able to base new fonts off things like data harvested from social media sites. Who knows what’s possible? Fonts that change with the seasons or the reader’s location? Fonts that slowly evolve by themselves over time? The only limits are what we’re willing to do with them.\n<\/p>\n

\n

\"getpaidtowrite-banner\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Algorithmic typography, also known as “parametric typography,†is a fascinating thing. At a glance, however, it can be hard to tell what it even is. After all, modern typography is already made with computer programs. Not to mention all the algorithm-based tools designed to make the typographers’ jobs easier. The Golden Ratio Calculator, for example, […]<\/p>\n","protected":false},"author":76,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[59],"tags":[],"topics":[],"class_list":["post-21405","post","type-post","status-publish","format-standard","hentry","category-design-trends"],"acf":[],"yoast_head":"\nWhat Is Algorithmic Typography? Will It Replace Font Designers? - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is Algorithmic Typography? Will It Replace Font Designers?\" \/>\n<meta property=\"og:description\" content=\"Algorithmic typography, also known as “parametric typography,†is a fascinating thing. At a glance, however, it can be hard\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-04T13:00:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T12:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043015\/5726141773_6cb3d4cc47_b.jpeg.webp\" \/>\n<meta name=\"author\" content=\"C.S. Jones\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"C.S. Jones\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography\",\"name\":\"What Is Algorithmic Typography? Will It Replace Font Designers? - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043015\\\/5726141773_6cb3d4cc47_b.jpeg.webp\",\"datePublished\":\"2015-03-04T13:00:56+00:00\",\"dateModified\":\"2024-04-03T12:38:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/26c478f1411dcdf7d555c28a45daa080\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043015\\\/5726141773_6cb3d4cc47_b.jpeg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/03\\\/03043015\\\/5726141773_6cb3d4cc47_b.jpeg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/what-is-algorithmic-typography#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Is Algorithmic Typography? Will It Replace Font Designers?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What Is Algorithmic Typography? Will It Replace Font Designers? - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography","og_locale":"en_US","og_type":"article","og_title":"What Is Algorithmic Typography? Will It Replace Font Designers?","og_description":"Algorithmic typography, also known as “parametric typography,†is a fascinating thing. At a glance, however, it can be hard","og_url":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-03-04T13:00:56+00:00","article_modified_time":"2024-04-03T12:38:28+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043015\/5726141773_6cb3d4cc47_b.jpeg.webp","type":"","width":"","height":""}],"author":"C.S. Jones","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"C.S. Jones","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography","url":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography","name":"What Is Algorithmic Typography? Will It Replace Font Designers? - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043015\/5726141773_6cb3d4cc47_b.jpeg.webp","datePublished":"2015-03-04T13:00:56+00:00","dateModified":"2024-04-03T12:38:28+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/26c478f1411dcdf7d555c28a45daa080"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043015\/5726141773_6cb3d4cc47_b.jpeg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/03\/03043015\/5726141773_6cb3d4cc47_b.jpeg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/what-is-algorithmic-typography#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What Is Algorithmic Typography? Will It Replace Font Designers?"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/21405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=21405"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/21405\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=21405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=21405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=21405"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=21405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}