{"id":12170,"date":"2014-02-10T12:30:52","date_gmt":"2014-02-10T20:30:52","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=12170"},"modified":"2024-03-27T05:37:11","modified_gmt":"2024-03-27T12:37:11","slug":"10-commandments-of-typography","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography","title":{"rendered":"10 Commandments of Typography"},"content":{"rendered":"

No one should underestimate the importance of typography when it comes to design. Whether it’s the formidable font of a business card or a flourishing script on a blog header, typography can make or break a design. Some people might think it’s easy to choose a font—whichever one is prettiest, right?—there are in fact several important rules that dictate quality design when it comes to typography. Here are the top ten commandments of typography, so you never make the mistake of choosing Comic Sans ever again.
\nCommandment 1: Thou Shalt Show Restraint<\/strong>
\nIt’s easy to get carried away trying several different types of font. Some people like the look of several typefaces within a text or page, but it usually signifies an amateur is at work. Choose two, maybe three, fonts that suit your company message<\/a>. This makes the text not only more readable, but it also gives the reader a better indication of who you are as a website or brand.
\nCommandment 2: Thou Shalt Space Words Properly<\/strong>
\nYou may love the look of a certain font; maybe it has a vintage aesthetic<\/a> that speaks to your antique products. But if there are large sections of text and the words are clustered too closely together, that makes it hard to read leading users to head elsewhere for information. Compare the spacing of several fonts you like to see how they read, and feel free to ask a friend for her opinion.
\nCommandment 3: Thou Shalt Align<\/strong>
\nWorking on a grid is the easiest way to ensure your paragraphs are lining up correctly, so they aren’t spaced oddly as you read down the page. Choosing center alignment is usually a poor choice; take the time to organize the text so it looks professional from start to finish.
\nCommandment 4: Thou Shalt Not Over-Decorate<\/strong>
\nDecorative, ornamental fonts<\/a> are fun and often quite pretty, but they are also often difficult to read or don’t further the message of your website. You’ll want to use fancy fonts sparingly, perhaps only as headers or titles. Using a fancy font in regular paragraphs is frustrating to read and the flourishes seem less thrilling when you have no one coming to your site to see them.
\nCommandment 5: Thou Shalt Consider Size<\/strong>
\nSize, as is often repeated, does in fact matter, at least when it comes to text. Tiny words are hard to read, but it’s also about the overall design. If the text of the subheader and paragraph are similar in size, it disrupts the flow of the page. Oversized font in the paragraph is just as much an issue as too small. Keep the look classy with small but legible print for the majority of the text, and big, bold titles for emphasis.
\nCommandment 6: Thou Shalt Make it Readable<\/strong>
\nReadability has been mentioned a few times now, and it’s not an exaggeration to say the readability of a site is critical. Why type any information at all if no one can read it and ignores it? Make all that writing worthwhile by ensuring your words show prominently and no images, odd color backgrounds or font colors overshadow the message. The design is important, but less is generally more.
\nCommandment 7: Thou Shalt Choose Color Wisely<\/strong><\/p>\n

\"k-bigpic\"<\/a><\/p>\n

\nFancy fonts are fun and so are pretty colors, but not all colors work well for reading on a webpage. The brighter the color the harder it is to read. So, while you don’t have to stick to black and white, muted tones and neutrals are the best choices. And remember, some people are partially or totally color blind, so avoid red\/green combos and other commonly problematic combinations.
\nCommandment 8: Thou Shalt Group Similar Information<\/strong>
\nDon’t scatter your info all over a page, logo or flyer. Keep the essentials where they are easy to find and grouped together by related category. For instance, location, phone number and event times should be listed together.
\nCommandment 9: Thou Shalt Space Words Properly, Again<\/strong>
\nThe actual act of spacing individual words is very important. While every font has different spacing, and that should help you pick a typeface, there’s also the option to change the spacing manually.
\nCommandment 10: Thou Shalt Kern<\/strong>\n<\/p>\n

\"kerning\"<\/a><\/p>\n

\nAnother dictate on spacing, kerning is how much space is between each individual letter, as opposed to each word. Squished together letters are difficult to read, for obvious reasons, and sometimes two overly close letters can seem to be a different letter entirely. Just don’t change the aspect of the actual letters in Photoshop, that’s a big designer no-no.\n<\/p>\n

+++++<\/p>\n

\nSo now you have all the rules on how to create fantastic typography<\/a> no matter the project. Use these commandments wisely, and you’ll never suffer a typography embarrassment again.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

No one should underestimate the importance of typography when it comes to design. Whether it’s the formidable font of a business card or a flourishing script on a blog header, typography can make or break a design. Some people might think it’s easy to choose a font—whichever one is prettiest, right?—there are in fact several […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[37,166,455,639],"topics":[],"class_list":["post-12170","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-typography","tag-fonts","tag-type","tag-typefaces"],"acf":[],"yoast_head":"\n10 Commandments of Typography - 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\/10-commandments-of-typography\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Commandments of Typography\" \/>\n<meta property=\"og:description\" content=\"No one should underestimate the importance of typography when it comes to design. Whether it’s the formidable font of a business card\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/10-commandments-of-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=\"2014-02-10T20:30:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-27T12:37:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/02\/27050030\/k-bigpic-560x315-1.jpg.webp\" \/>\n<meta name=\"author\" content=\"maryam\" \/>\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=\"maryam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography\",\"name\":\"10 Commandments of Typography - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/02\\\/27050030\\\/k-bigpic-560x315-1.jpg.webp\",\"datePublished\":\"2014-02-10T20:30:52+00:00\",\"dateModified\":\"2024-03-27T12:37:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/c37446cfabe1d2bfdee6a548f16fd0f0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/02\\\/27050030\\\/k-bigpic-560x315-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/02\\\/27050030\\\/k-bigpic-560x315-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/10-commandments-of-typography#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Commandments of Typography\"}]},{\"@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":"10 Commandments of Typography - 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\/10-commandments-of-typography","og_locale":"en_US","og_type":"article","og_title":"10 Commandments of Typography","og_description":"No one should underestimate the importance of typography when it comes to design. Whether it’s the formidable font of a business card","og_url":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-02-10T20:30:52+00:00","article_modified_time":"2024-03-27T12:37:11+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/02\/27050030\/k-bigpic-560x315-1.jpg.webp","type":"","width":"","height":""}],"author":"maryam","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"maryam","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography","url":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography","name":"10 Commandments of Typography - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/02\/27050030\/k-bigpic-560x315-1.jpg.webp","datePublished":"2014-02-10T20:30:52+00:00","dateModified":"2024-03-27T12:37:11+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/c37446cfabe1d2bfdee6a548f16fd0f0"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/10-commandments-of-typography"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/02\/27050030\/k-bigpic-560x315-1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/02\/27050030\/k-bigpic-560x315-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/10-commandments-of-typography#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Commandments of Typography"}]},{"@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\/12170","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=12170"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/12170\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=12170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=12170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=12170"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=12170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}