{"id":2894,"date":"2019-07-27T13:53:13","date_gmt":"2019-07-27T11:53:13","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=2894"},"modified":"2023-01-31T11:24:26","modified_gmt":"2023-01-31T10:24:26","slug":"why-does-typography-matter","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/","title":{"rendered":"Why does Typography matter?"},"content":{"rendered":"<p><i><span style=\"font-weight: 400;\">Have you ever realized that different fonts trigger different emotions? We even would say that correctly chosen font will help not only to build your brand identity but also to ease the reading process. This, in turn, is very important if you work on brochure, magazine, ebook or on <\/span><\/i><a href=\"https:\/\/capturly.com\/blog\/web-ux-design-trends-2018\/\"><i><span style=\"font-weight: 400;\">UX of your website and blog<\/span><\/i><\/a><i><span style=\"font-weight: 400;\">. Then why do not you take all the advantages of it? <\/span><\/i><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_53 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#What_is_Typography\" title=\"What is Typography?\">What is Typography?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#Choosing_typeface_font\" title=\"Choosing typeface &amp; font\">Choosing typeface &amp; font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#Choosing_font_color_size\" title=\"Choosing font color &amp; size\">Choosing font color &amp; size<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#Choosing_a_line_length\" title=\"Choosing a line length\">Choosing a line length<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#Visual_Hierarchy\" title=\"Visual Hierarchy\u00a0\">Visual Hierarchy\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#Wrapping_up\" title=\"Wrapping up\">Wrapping up<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Typography\"><\/span>What is Typography?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Typography is something bigger than just picking the right font type. The typeface, font type, font size, color, line length and spacing, alignment &#8211; all of them matter in typography. It is crucial to choose elements of the typography wisely, especially knowing that <\/span><a href=\"https:\/\/uxplanet.org\/10-tips-on-typography-in-web-design-13a378f4aa0d\"><span style=\"font-weight: 400;\">people receive 95% of information through text<\/span><\/a><span style=\"font-weight: 400;\">. You should be able to grab their attention and send your message. Always make sure that your text is comfortable to read because it has a significant impact on people\u2019s perception of your brand. If someone has to spend extra minutes to understand what is written, he or she will most likely to skip that content together with your aimed message. In order, That is why you should know how to effectively shape your written information through typography elements.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Choosing_typeface_font\"><\/span>Choosing typeface &amp; font<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">First of all, it is important to note that a typeface and a font are not the same things. Actually, one specific style of a typeface is called a font. For instance, Arial is a font under the Sans-serif typeface. Each typeface and font type convey different emotions and signal about different brand personalities. You can choose fonts between Serif, Sans Serif, Modern, Script, and Display typefaces in regards to your brand personality.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2899 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/The-Font-Psychology.jpg\" alt=\"The Font Psychology\" width=\"725\" height=\"408\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/The-Font-Psychology.jpg 1920w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/The-Font-Psychology-300x169.jpg 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/The-Font-Psychology-768x432.jpg 768w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/The-Font-Psychology-1024x576.jpg 1024w\" sizes=\"(max-width: 725px) 100vw, 725px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Moreover, create a contrast by using mismatched fonts. Do not be afraid of pairing Serif and Sans Serif because this way you can make text clear and equally distinguishable. However, make sure that you use no more than 3 different fonts that are not too similar.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thirdly, check for glyphs before you pick a font. Make sure that the chosen font has all the characters you\u2019ll need. Especially, it&#8217;s important to consider when you write the content in a language that has special letters.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Last but not least, be consistent in your design by applying the same design to all content. Make a list of fonts that will be used for different elements of the text. That includes choosing a font for the headlines, the sub-headlines, the body texts and functional design like buttons. <\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Choosing_font_color_size\"><\/span>Choosing font color &amp; size<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">After choosing a perfect font type for your brand, it is time to pay attention to the color and the size of written text. It is well-known that <\/span><a href=\"https:\/\/blog.hubspot.com\/marketing\/psychology-of-color\"><span style=\"font-weight: 400;\">different colors influence people<\/span><\/a><span style=\"font-weight: 400;\">\u2019s perception and decision-making processes differently. But how can font size affect readers?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You may think that choosing small fonts will result in compression of your text and this way people see as much text as possible at once. Especially, when you have lots of content and a high need to share it through small screens.\u00a0<\/span><span style=\"font-weight: 400;\">However, we recommend you to use a bigger font size. Yes, even for mobile readers. Because larger font sizes are easily recognizable, and therefore help people to divide the content into small parts. This is particularly essential considering the\u00a0<\/span><a href=\"https:\/\/www.impactbnd.com\/blog\/how-font-sizes-effect-ux\"><span style=\"font-weight: 400;\">\u201cF\u201d reading pattern among people<\/span><\/a><span style=\"font-weight: 400;\"> which determines if they want to stop just scanning and read carefully. We suggest you check <\/span><a href=\"https:\/\/learnui.design\/blog\/mobile-desktop-website-font-size-guidelines.html\"><span style=\"font-weight: 400;\">this font size guideline<\/span><\/a><span style=\"font-weight: 400;\"> that can help you to decide which font size to choose.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Choosing_a_line_length\"><\/span>Choosing a line length<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Making a decision on a line length and its spacing is as important as selecting the right font type and size. It is not recommended to use a short line length since it can lead to the reader\u2019s frequent eye movement which is very disturbing. It is not recommended to make a line of a text too long either because then it will be harder to focus on it. Of course, <\/span><a href=\"https:\/\/uxplanet.org\/10-tips-on-typography-in-web-design-13a378f4aa0d\"><span style=\"font-weight: 400;\">a line length can vary with respect to screen sizes<\/span><\/a><span style=\"font-weight: 400;\">. In general, 50-75 characters and 30-40 characters per line are the optimum numbers for desktop and mobile devices, respectively.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Visual_Hierarchy\"><\/span><b>Visual Hierarchy<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is important to note that <\/span><a href=\"https:\/\/www.usertesting.com\/blog\/gestalt-principles\/\"><span style=\"font-weight: 400;\">the human brain likes to organize the elements of the content<\/span><\/a><span style=\"font-weight: 400;\"> according to the similarity, continuity, closure, and proximity. That means they don&#8217;t read the pages word by word, instead, they filter the relevant words and sentences. Generally saying <\/span><a href=\"https:\/\/www.nngroup.com\/articles\/how-users-read-on-the-web\/\"><span style=\"font-weight: 400;\">people scan the text instead of reading<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But how can you put it into practice? The answer is a visual hierarchy! By using different font sizes and types you can create visual hierarchies that lead the reader\u2019s attention through the content the way you want. You can apply different font styles for the headline and another for the body to distinguish them, or you can use larger font sizes for the headlines and make it bold. Additionally, you can highlight the important parts of the text so that readers can focus on the most important part of the content.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wrapping_up\"><\/span><b>Wrapping up<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Day by day the importance of the typography is increasing together with the content flow. Knowing how to provide readable and legible content will help you to communicate with people and influence their decision-making process. Therefore, we recommend paying attention to how your content is written and start being an expert in typography.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever realized that different fonts trigger different emotions? We even would say that correctly chosen font will help not only to build your brand identity but also to ease the reading process. This, in turn, is very important if you work on brochure, magazine, ebook or on UX of your website and blog.<\/p>\n","protected":false},"author":28,"featured_media":2986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why does Typography matter? - Capturly Blog<\/title>\n<meta name=\"description\" content=\"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why does Typography matter? - Capturly Blog\" \/>\n<meta property=\"og:description\" content=\"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-27T11:53:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-31T10:24:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/dribbble_vacation-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gabriella\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella\" \/>\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:\/\/capturly.com\/blog\/why-does-typography-matter\/\",\"url\":\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/\",\"name\":\"Why does Typography matter? - Capturly Blog\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2019-07-27T11:53:13+00:00\",\"dateModified\":\"2023-01-31T10:24:26+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\"},\"description\":\"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why does Typography matter?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\",\"name\":\"Gabriella\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"caption\":\"Gabriella\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/gabriella\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why does Typography matter? - Capturly Blog","description":"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.","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:\/\/capturly.com\/blog\/why-does-typography-matter\/","og_locale":"en_US","og_type":"article","og_title":"Why does Typography matter? - Capturly Blog","og_description":"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.","og_url":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/","og_site_name":"Capturly Blog","article_published_time":"2019-07-27T11:53:13+00:00","article_modified_time":"2023-01-31T10:24:26+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2019\/08\/dribbble_vacation-01.jpg","type":"image\/jpeg"}],"author":"Gabriella","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gabriella","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/","url":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/","name":"Why does Typography matter? - Capturly Blog","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2019-07-27T11:53:13+00:00","dateModified":"2023-01-31T10:24:26+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c"},"description":"Correctly chosen font will help not only to build your brand identity but also to ease the reading process. How to take advantage of typography on your website.","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/why-does-typography-matter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/why-does-typography-matter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Why does Typography matter?"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c","name":"Gabriella","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","caption":"Gabriella"},"url":"https:\/\/capturly.com\/blog\/author\/gabriella\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/2894"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=2894"}],"version-history":[{"count":7,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/2894\/revisions"}],"predecessor-version":[{"id":6570,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/2894\/revisions\/6570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/2986"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=2894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=2894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=2894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}