{"id":3208,"date":"2020-04-28T11:13:19","date_gmt":"2020-04-28T10:13:19","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=3208"},"modified":"2023-07-27T15:33:25","modified_gmt":"2023-07-27T14:33:25","slug":"the-importance-of-font-size-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/","title":{"rendered":"The importance of font size in web design"},"content":{"rendered":"<p>When designing your website, its important to consider all manner of design features including the imagery and visual content, as well as the font and typography. But once you have selected the right font combination for your website and company branding, you will then need to experiment with the sizing of the font types, on a range of different device sizes and platforms. But, what is the importance of font size in web design? Well, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester,<\/a> we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-features-of-an-effective-website-search-bar\/\">web design<\/a> experts, and we provide high quality, effective, <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/3-steps-to-stunning-website-headers\/\">web design <\/a>solutions for a range of local companies and businesses across Manchester, and the surrounding area. This includes <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-stockport\/\">Stockport.<\/a> As a result, we have produced this guide to everything you should know about choosing the right size font for your website.<\/p>\n<h2>What is the\u00a0importance of font size in web design?<\/h2>\n<p>Choosing the right font size for your website is an important and multi-faceted consideration. The right font size is essential for:<\/p>\n<ul>\n<li>Readability on all screen sizes<\/li>\n<li>Directing the attention of the user<\/li>\n<li>Emphasizing particular content<\/li>\n<li>SEO and page ranking on search engines<\/li>\n<\/ul>\n<h3>Font size and readability on all screen sizes<\/h3>\n<p>Your font needs to be readable and easy to understand and distinguish on all screen sizes. And this means that you dont just need to choose font size for one standard design, you also need to ensure that this is the right choice for smaller or larger devices too. Font that is either too small or too big simply can&#8217;t be read, and will make your website look unprofessional, while also leading to a negative user experience.<\/p>\n<h3>Font size can direct the attention of the user<\/h3>\n<p>Using larger fonts as headings and titles can really grab the attention of the user, and help them to slow down while scrolling through your website. The best practice is to use this above the fold, to really draw users into your website. But you can also consider using larger or more obvious fonts at key points of your website, as the user scrolls down the page, to create points of visual interest. This should generally be accompanied by some form of visual content too.<\/p>\n<h3>Font size can be used to emphasize particular content<\/h3>\n<p>Following on from the above point, choosing the right font size for different website features can be essential for emphasizing a particular piece of content. Making one piece of text slightly larger than the rest can be a great way to get website users, and potential customers or clients, to really read the content and take notice of your key point or message. However, you should be careful not to over use this technique, as it will lose effect rapidly, and too many changes in font size can result in your website appearing unprofessional.<\/p>\n<h3>Font size, SEO and the SERP<\/h3>\n<p>When creating your website, there are certain things you need to stick too, like the guidelines for headers and titles. In general, these are headings and subheadings that should be larger than the other pieces of text, but these change in order of important. While text with a &lt;h1&gt; tag is generally the page title, the &lt;h2&gt; tag will be the next important title, followed by &lt;h3&gt; and &lt;h4&gt;. Using these title tags appropriately helps search engines like Google understand the content of your page and this can support your SEO and visibility on the Search Engine Result Page (SERP).<\/p>\n<p>For more information about effective web design, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a> We are Manchester&#8217;s leading web design experts.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When designing your website, its important to consider all manner of design features including the imagery and visual content, as well as the font and typography. But once you have selected the right font combination for your website and company branding, you will then need to experiment with the sizing of the font types, on [&#8230;]\n","protected":false},"author":2,"featured_media":2407,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The importance of font size in web design - Pumpkin Web Design Manchester<\/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:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The importance of font size in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"When designing your website, its important to consider all manner of design features including the imagery and visual content, as well as the font and typography. But once you have selected the right font combination for your website and company branding, you will then need to experiment with the sizing of the font types, on [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-28T10:13:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T14:33:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/07\/open-70835_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/\",\"name\":\"The importance of font size in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2020-04-28T10:13:19+00:00\",\"dateModified\":\"2023-07-27T14:33:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The importance of font size in web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The importance of font size in web design - Pumpkin Web Design Manchester","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:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"The importance of font size in web design - Pumpkin Web Design Manchester","og_description":"When designing your website, its important to consider all manner of design features including the imagery and visual content, as well as the font and typography. But once you have selected the right font combination for your website and company branding, you will then need to experiment with the sizing of the font types, on [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2020-04-28T10:13:19+00:00","article_modified_time":"2023-07-27T14:33:25+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/07\/open-70835_1280.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/","name":"The importance of font size in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2020-04-28T10:13:19+00:00","dateModified":"2023-07-27T14:33:25+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/the-importance-of-font-size-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"The importance of font size in web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3208"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=3208"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3208\/revisions"}],"predecessor-version":[{"id":12484,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3208\/revisions\/12484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2407"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=3208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=3208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=3208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}