{"id":782,"date":"2018-06-20T15:56:54","date_gmt":"2018-06-20T14:56:54","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=782"},"modified":"2023-08-03T16:07:36","modified_gmt":"2023-08-03T15:07:36","slug":"website-typography-best-practices","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/","title":{"rendered":"Website typography best practices"},"content":{"rendered":"

Colour schemes<\/a>, layout, navigation, professional imagery, and branding are all important aspects of web design<\/a>. But typography is arguably one of the most important. From custom fonts, to type spacing and white space, typography can have a huge impact on your websites ability to attract attention, and pass on your message, After all, if your website visitors can’t read your font, how will they find the relevant information they are looking for? Well, the chances are, they will simply look elsewhere. So, to prevent your bounce rate from rocketing, you need to follow tried and tested website typography methods. And here at Pumpkin Web Design Manchester,<\/a> we are the perfect candidates to explain. After all, we work with clients day in day out, to provide web design and typography styles that really stand out. While being completely practical and responsive. As a result, we have produced this guide to website typography best practices.<\/p>\n

Stand out: Get Read<\/h2>\n

Your typography needs to stand out. Especially for headings and custom fonts that you want to use as above the fold elements to grab attention and get noticed. But don’t go overboard with your creativity. After all, your website needs to be legible, first and foremost. Website visitors aren’t clicking on your website just to look at the images. They are looking for relevant and original information, and if this isn’t displayed in a suitable and simple way, they will simply look elsewhere.<\/p>\n

Who are you?<\/h3>\n

Any fonts you use will be representing your brand. So think carefully about the impression each font type gives, before you settle for something. Custom font can be perfect for attracting attention and showing off your unique branding. At the same time, a plain and traditional font can be perfect for companies with a need to present themselves as professional and sincere. As a result, you should always consider your company branding, before settling for a font.<\/p>\n

Say it with whitespace<\/h3>\n

So empty space probably isn’t what first springs to mind when you think about typography. But it perhaps should be. Whitespace around your text can make it easier to read, more obvious to people skimming your website, and more likely to actually be read. Honestly, increase the whitespace around your text element, and between the lines of your text, and you’ll notice a difference.<\/p>\n

Go big, or go home<\/h3>\n

OK not too big! But in general, the text on your website could probably go a little bigger. Even just the difference from font size 12 to 14 can be so much more comfortable for your users. Larger text is easier to see, and if it’s easier to see, it’s easier to read. Which means more people will actually read your sales copy, instead of skimming over it. Which could result in more sales!<\/p>\n

Respond to changes<\/h3>\n

Finally, your text needs to be responsive. And this doesn’t just mean that it needs to move from horizontal to vertical when you turn your screen. It means that the number of characters per line also needs to change. In general, for a mobile device, the number of characters per line should decrease, to make it easier to read on smaller screen size.<\/p>\n

For more information or advice about website typography best practices, get in touch with the experts today, here at Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Colour schemes, layout, navigation, professional imagery, and branding are all important aspects of web design. But typography is arguably one of the most important. From custom fonts, to type spacing and white space, typography can have a huge impact on your websites ability to attract attention, and pass on your message, After all, if your […]\n","protected":false},"author":2,"featured_media":269,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"\nWebsite typography best practices - 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\/website-typography-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website typography best practices - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Colour schemes, layout, navigation, professional imagery, and branding are all important aspects of web design. But typography is arguably one of the most important. From custom fonts, to type spacing and white space, typography can have a huge impact on your websites ability to attract attention, and pass on your message, After all, if your [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-20T14:56:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T15:07:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/01\/web-content.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"590\" \/>\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\/website-typography-best-practices\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/\",\"name\":\"Website typography best practices - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-06-20T14:56:54+00:00\",\"dateModified\":\"2023-08-03T15:07:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website typography best practices\"}]},{\"@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":"Website typography best practices - 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\/website-typography-best-practices\/","og_locale":"en_GB","og_type":"article","og_title":"Website typography best practices - Pumpkin Web Design Manchester","og_description":"Colour schemes, layout, navigation, professional imagery, and branding are all important aspects of web design. But typography is arguably one of the most important. From custom fonts, to type spacing and white space, typography can have a huge impact on your websites ability to attract attention, and pass on your message, After all, if your [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-06-20T14:56:54+00:00","article_modified_time":"2023-08-03T15:07:36+00:00","og_image":[{"width":1000,"height":590,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/01\/web-content.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\/website-typography-best-practices\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/","name":"Website typography best practices - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-06-20T14:56:54+00:00","dateModified":"2023-08-03T15:07:36+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/website-typography-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Website typography best practices"}]},{"@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\/782"}],"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=782"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/782\/revisions"}],"predecessor-version":[{"id":12888,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/782\/revisions\/12888"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/269"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}